样式或CSS不起作用

Question

这是input

中的modal form

<input class="input-medium pull-left atcCode" type="text" id="atcCode" style="text-transform : none">

当我在input上输入时，全部是capitalized。当我inspect element代码时，style="text-transform : none"消失了。

<input class="input-medium pull-left atcCode" type="text" id="atcCode">

我也试过CSS但也行不通。

.atcCode{
    text-transform: none;
}

感谢。

Answer 1

在你的css中，错误是使用.atcCode而不是#atcCode
关键是类，hashtag是id。

text-trasform:none
是默认值

代替使用 text-transform:lowercase

Answer 2

尝试使用'！important'，如下所示：

.atcCode{
    text-transform: none !important;
}

然后，按Ctrl + F5刷新你的CSS。

如果它不起作用尝试使用Ctrl + F并在你的css和页面本身中搜索单词大写或文本转换，看看它是否在你的css中某个地方给出了大写效果。尝试删除输入标记中的整个类，看看它是否仍然是大写的。如果没有，那么问题在于另外两个类，你可以专门检查这两个类，看看那里的大写属性在哪里。

还搜索#input以查看输入标记是否被赋予了一个属性以使其文本全部大写。围绕输入标记的一些外部标记也可能导致这种情况。