C# asp.net禁用按钮的CSS

我有一个asp.net按钮，它是根据一些c#代码条件禁用的。将按钮称为btnPrevious设置为使用以下css类：

.btnBlue{
background: rgb(40, 108, 244); /* Old browsers */
background:linear-gradient(to bottom, rgb(40, 108, 244) 0%, rgb(0, 68, 204) 50%, rgb(40, 108, 244) 100%) repeat scroll 0% 0% transparent; /* W3C */
background: -moz-linear-gradient(top,  rgb(40, 108, 244) 0%, rgb(0, 68, 204) 50%, rgb(40, 108, 244) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(40, 108, 244)), color-stop(50%,rgb(0, 68, 204)), color-stop(100%,rgb(40, 108, 244))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* IE10+ */
-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgb(40, 108, 244), endColorstr=rgb(40, 108, 244),GradientType=0 ); /* IE6-9 */}

当按钮处于禁用状态时，即BTN先前禁用=真；css属性不起作用。 我哪里做错了。谢谢

编辑：只是让问题更贴近主题：

---

我的CSS为什么或如何被默认框架覆盖？

您可以使用

：disabled

来设置它应该工作的按钮。试试下面的css

.btnBlue:disabled{
background: rgb(40, 108, 244); /* Old browsers */
background:linear-gradient(to bottom, rgb(40, 108, 244) 0%, rgb(0, 68, 204) 50%, rgb(40, 108, 244) 100%) repeat scroll 0% 0% transparent; /* W3C */
background: -moz-linear-gradient(top,  rgb(40, 108, 244) 0%, rgb(0, 68, 204) 50%, rgb(40, 108, 244) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(40, 108, 244)), color-stop(50%,rgb(0, 68, 204)), color-stop(100%,rgb(40, 108, 244))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* IE10+ */
-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgb(40, 108, 244), endColorstr=rgb(40, 108, 244),GradientType=0 ); /* IE6-9 */}

---

您可以使用

：disabled

按钮来选择它应该工作的按钮。试试下面的css

.btnBlue:disabled{
background: rgb(40, 108, 244); /* Old browsers */
background:linear-gradient(to bottom, rgb(40, 108, 244) 0%, rgb(0, 68, 204) 50%, rgb(40, 108, 244) 100%) repeat scroll 0% 0% transparent; /* W3C */
background: -moz-linear-gradient(top,  rgb(40, 108, 244) 0%, rgb(0, 68, 204) 50%, rgb(40, 108, 244) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(40, 108, 244)), color-stop(50%,rgb(0, 68, 204)), color-stop(100%,rgb(40, 108, 244))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(40, 108, 244) 0%,rgb(0, 68, 204) 50%,rgb(40, 108, 244) 100%); /* IE10+ */
-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgb(40, 108, 244), endColorstr=rgb(40, 108, 244),GradientType=0 ); /* IE6-9 */}

听上去像是一个案例。多个规则可以应用于相同的元素。您的规则不是很具体，会很早应用（因此很容易被覆盖）

在一个好的浏览器中打开网页（我使用Chrome），然后打开“开发”选项卡（F12）<代码>检查按钮并查看样式选项卡。您应该能够看到不需要的样式来自何处（它将向您显示应用不需要的样式的文件和选择器/规则）

如果您不想（或不能）追踪（并删除）导致禁用状态混乱的样式，您可以尝试使您的规则更加重要。检查链接的特殊性，但提示您可以尝试通过针对按钮（不仅仅是类）和以下容器使您的规则更具体：

#container button.btnBlue  {
  ...
}

#container button.btnBlue  {
  background: rgb(40, 108, 244) !important; 
  ...
}

您也可以选择使用叛军标志

！重要信息

，将您的规则置于不使用

的其他规则之前！重要标志如下所示：

#container button.btnBlue  {
  ...
}

#container button.btnBlue  {
  background: rgb(40, 108, 244) !important; 
  ...
}

一般来说-如链接中所述-您应该尽量不要使用
！重要的
，因为它有点破坏了CSS的美。除非asp.net的
按钮也使用
！重要信息
（或内联样式属性），由于只有您知道按钮在文档中的位置，因此制定比
asp.net
规则更具体的规则应该非常容易。您总是能够使您的规则比
asp.net
规则更具体一些

我不知道不需要的样式是如何应用的-我只是希望它不是带有
的内联（
style
属性）！重要
标志；）
 听起来像是一个家庭暴力的例子。多个规则可以应用于相同的元素。您的规则不是很具体，会很早应用（因此很容易被覆盖）

在一个好的浏览器中打开网页（我使用Chrome），然后打开“开发”选项卡（F12）<代码>检查按钮并查看样式选项卡。您应该能够看到不需要的样式来自何处（它将向您显示应用不需要的样式的文件和选择器/规则）

如果您不想（或不能）追踪（并删除）导致禁用状态混乱的样式，您可以尝试使您的规则更加重要。检查链接的特殊性，但提示您可以尝试通过针对按钮（不仅仅是类）和以下容器使您的规则更具体：

#container button.btnBlue  {
  ...
}

#container button.btnBlue  {
  background: rgb(40, 108, 244) !important; 
  ...
}

您也可以选择使用叛军标志
！重要信息
，将您的规则置于不使用
的其他规则之前！重要标志如下所示：

#container button.btnBlue  {
  ...
}

#container button.btnBlue  {
  background: rgb(40, 108, 244) !important; 
  ...
}

一般来说-如链接中所述-您应该尽量不要使用
！重要的
，因为它有点破坏了CSS的美。除非asp.net的
按钮也使用
！重要信息
（或内联样式属性），由于只有您知道按钮在文档中的位置，因此制定比
asp.net
规则更具体的规则应该非常容易。您总是能够使您的规则比
asp.net
规则更具体一些

我不知道不需要的样式是如何应用的-我只是希望它不是带有
的内联（
style
属性）！重要
标志；）
 当按钮被禁用时，浏览器本身就使用它的css。有没有解决这个问题的方法？@RaphaelMutiso:如果你能用JSFIDLE做个例子，会更容易。另一种方法是使用Chrome inspector查看在运行时应用了哪种样式当按钮被禁用时，浏览器本身使用它的css。有什么解决方法吗？@RaphaelMutiso:如果你能用JSFIDLE做一个例子会更容易。另一种方法是使用Chrome inspector查看在运行时应用的样式以前尝试过但不起作用。您是否尝试过
：禁用
？我尝试过但不起作用。我认为这是因为禁用状态是从c#code behind调用的。从哪里设置并不重要。如果它获得了
css
，它将被应用。以前尝试过，但它不起作用。您尝试过
：禁用吗？我尝试过，但它不起作用。我认为这是因为禁用状态是从c#code behind调用的。从哪里设置并不重要。如果它得到
css
，它将被应用。