1. 首页
  2. 问答
  3. 输入按钮保持未格式化

输入按钮保持未格式化

2012-09-26 59 views
0

对于格式化的输入按钮，我有一个非常奇怪的问题。输入按钮保持未格式化

在我的第一页上，我创建了一个名为“按钮”的css规则，用于格式化单行按钮的按钮。它完美的作品，按钮出现如下图所示

enter image description here

的CSS此按钮低于

.button { 
    width: 100%; 
    height: 15mm; 
    background-color: #AAA; 
    color: #FFFFFF; 
    font-size: 20px; 
    text-shadow: 0px -2px #888; 
    border:none; !important 
    -moz-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    -webkit-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    box-shadow:   0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 

}

在HTML中，它看起来像这样：

<a href="dashboard.html"> 
    <input class="button" type="button" value="SUBMIT" action="dashboard.html" /> 
</a>

的问题是，我复制了这条规则，并在第二页中为并行按钮稍微改变了它，并且它没有格式化按钮。奇怪的是，它正好出现在Dreamweaver

enter image description here

但在任何浏览器中，它失去了它的格式

enter image description here

下面是平行按钮的CSS

.2buttons { 
    width: 40%; 
    height: 15mm; 
    background-color: #AAA; 
    color: #FFFFFF; 
    font-size: 20px; 
    text-shadow: 0px -2px #888; 
    border:none; !important 
    -moz-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    -webkit-box-shadow: 0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 
    box-shadow:   0px 2px 0px 0px #888, 0px -2px 0px 0px #DDD; 

}

这里是html

<a href="report.html"> 
    <input class="2buttons" type="button" value="OK"/> 
</a>

奇怪的是，即使你对这些按钮应用了第一条css规则，它们仍然没有格式化。

来源

2012-09-26 Captain Dando

+1

将第二个类重命名为“buttons2”。类和id选择器不能以数字开头。 – Kyle

+1

我想这是因为班级名称中的第一个数字。试试两个按钮？ –

回答

2

有两种东西在你的码。

第一 不要开始类 & ID名称与数字号码。

这样写.buttons2，而不是这个.2buttons。

&二

这样写

border:none !important;

取而代之的是：

border:none; !important

来源

2012-09-26 07:45:20 sandeep

+0

谢谢，它的工作原理。我不敢相信我不知道，直到现在 –

1

border:none; !important应该border:none !important;

并更改类名.twoButtons（或别的东西），而不是.2buttons类名称不能以数字开头...

来源

2012-09-26 07:43:33 Giona

1

你在这个问题类的名称开头号码。你应该改变这一点。

来源

2012-09-26 07:46:54 Afshin

+0

谢谢，只是修复它 –

相关问题

 相关问题