更新

Question

我有一个带有提交按钮的表单，我试图将颜色更改为。这应该很简单，但我的css不起作用，我无法弄清楚原因。

CSS：

input[type="submit"]{color: red;}

小提琴： https://jsfiddle.net/zn7xrv60/

这让我疯了，任何帮助都会受到赞赏。

Answer 1

问题出在您的input文字阴影中，请尝试按照以下方式进行更改，然后根据需要进行更改。

这

input{
        color: #f08200;
        text-shadow: 0px 0px 0px #000;
        -webkit-text-fill-color: transparent;
    }

要

input{
    color: #f08200;
    text-shadow: 0px 0px 0px red;
    -webkit-text-fill-color: transparent;
}

Answer 2

.login_content .container input[type="submit"] {
     background: red;
 }

Answer 3

如果你检查那个输入，你会看到它的颜色来自下面的代码块，它有更多特定的选择器：

// prints "Friday, July 7th 2017, 2:34:39 am"
moment('2017-07-07T02:34:39-04:00').format('dddd, MMMM Do YYYY, h:mm:ss a')

// prints "Friday, July 7th 2017, 2:34:39 am" 
moment('2017-07-07T02:34:39-04:00').local().format('dddd, MMMM Do YYYY, h:mm:ss a')

此外，.login_content .container input[type="submit"]{ width: auto; padding: 10px 50px; border-radius: 25px; background: #e8e8e8; color: #c5c5c5; text-transform: uppercase; border: none; cursor: pointer; }标记上的此规则表示文字颜色应该是透明的：

input

这是您的jsFiddle红色文字。

使用浏览器的开发工具进行此类调试。

Answer 4

似乎有两个问题。

第一个是Tieson T在评论中提到的。这是您的选择器被更具体的选择器覆盖。这可以修复＆＃34;通过使用＆＃34;！important＆＃34;这不是一个首选，但这是一个简单的解决方案。

另一个问题是提交按钮要求您设置文本阴影。试试这个：

input[type="submit"]
{
  color: red !important;
  text-shadow: 0px 0px 0px red !important;
}

此CSS规则导致您必须覆盖text-shadow：

input{
    color: #f08200;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}

所以另一个选择是从这个规则中删除文本阴影属性，然后你就不需要在第一个规则中指定它。

更新

正如Chava G，在评论中指出颜色未显示的另一个原因是因为-webkit-text-fill-color设置为透明。

此外，由于文本阴影没有垂直或水平偏移，如果-webkit-text-fill-color不透明，阴影将不可见。

上面的输入css规则有点混乱＆＃34;，它设置了＆＃34;颜色＆＃34;属性可能意味着您希望文本具有某种颜色，但随后会应用隐藏在文本后面的文本阴影。接下来它使文本本身透明，因此它不再隐藏阴影，阴影的颜色与为＆＃34;颜色设置的颜色不同。属性。

Answer 5

因为您需要在执行此类操作时禁用登录按钮。

.login_content .container .submit input:disabled {
//css
}

HTML输入提交按钮不会改变颜色

5 个答案:

更新