Question

我正在开发一个Web应用程序，但是提交按钮不会显示为标准网页，就像当你将鼠标移到它上面变成蓝色时，显示的只是一个灰色背景，没有边框，这种情况在所有浏览器中都会发生，我对不起，但我没有足够的声誉来放置图片，而且点击时看起来没有效果接收器，而且它还没有css，有人可以帮助我或知道原因吗？

<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;}

我正在使用的标题就是这个...

<!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>

已经尝试取消重置，但问题仍然存在

Answer 1

根据我在您的问题中所理解的，您遇到的问题归结为CSS特异性规则，请查看Smashing Magazine以获取更多信息。

基本上，您的input元素已从父样式继承了它的属性，因此您需要为input元素创建CSS，以使其外观和行为符合您的要求。

Answer 2

正如其他答案中所述，问题是由以下原因造成的：

*{                      margin:0;
                    padding:0;
                    text-decoration:none;
                    border:0px;
                    font-style:normal;  
                    outline:none;
                    list-style-type: none;}

border:0px上的{p> *适用于所有内容，包括您的“提交按钮”，这就是您遇到此问题的原因。

如果您想使用CSS重置，请使用真实的重置，而不是* { .. }：

http://meyerweb.com/eric/tools/css/reset/

Answer 3

*{                  margin:0;
                    padding:0;
                    text-decoration:none;
                    border:0px;
                    font-style:normal;  
                    outline:none;
                    list-style-type: none;}

*适用于一切。所以就在那里你将边框设置为0.你需要更加具体的css。

Answer 4

您的问题与您正在使用的*重置有关。通过在其中声明border:0px;，您将在输入中消除这些样式。请在此处查看：http://jsfiddle.net/Skooljester/yjNpR/，border:0px;选项卡中已移除*属性。

Answer 5

我试用了你的代码，下面是结果：

Opera:  not normal submit button, gray bg with no borders
FF:     not normal submit button, gray bg with no borders
IE:     normal submit button
Chrome: not normal submit button, gray bg with no borders
Safari: not normal submit button, gray bg with no borders

如果您希望所有浏览器都没有边框和灰色bg进行渲染，请创建一个类而不是使用'*'

例如：

 .mybuttons{
  margin:0;
  padding:0;
  text-decoration:none;
  border:0px;
  font-style:normal;
  outline:none;
  list-style-type: none;
  }

然后

 <input type="submit" name="send" value="send" class="mybuttons" />

如果您希望它看起来像普通的提交按钮，请不要在您的css代码中使用“* {}”。

提交按钮不会显示为标准网页

5 个答案: