I am developing a web application, but the submit button does not appear as standard web, like when you pass the mouse over it becomes blue, WHAT appears is only a gray background with no border this happens in all browsers, I’m sorry but I do not have enough reputation to put pictures, and also the effect sink does not appear to when you click, and it has no css yet, can someone help me or know why?
<input type="submit" name="send" value="send"/>
*{ margin:0;
padding:0;
text-decoration:none;
border:0px;
font-style:normal;
outline:none;
list-style-type: none;}
body { width:970px;
margin:0 auto;
font-family:arial;
background:#fdfdfd;}
the header i’m using is this…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Painel Administrativo:</title>
<meta name="description" content="O Compareai é uma ferramenta para vôçe"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="pt-br" />
<link rel="stylesheet" media="all" type="text/css" href="css/dropdown.css" />
<noscript>
<link rel="stylesheet" href="css/painel_administrativo.css" type="text/css"/>
</noscript>
<script type='text/javascript' src='js/pa.js'></script>
</head>
already tried to take off the reset but the problem persisted
From what I understand in your question, the problem you have comes down to the CSS rules of specificity, have a look at Smashing Magazine for more information.
Basically your
inputelement has inherited it’s properties from a parent style so you will need to create the CSS for theinputelement to make it look and behave how you want it to.