CSS：删除常规选择器应用的边框 ​ text区域，输入[type=“text”]、输入[type=“password”]、输入[type=“datetime”]、输入[type=“datetime local”]、输入[type=“date”]、输入[type=“month”]、输入[type=“time”]、输入[type=“week”]、输入[type=“number”]、输入[type=“email”]、输入[type=“url”]、输入[type=“search”]、输入[type=“tel”]、输入[type=“color”]、不可编辑的输入{ 背景色：白色； 边框：1px实心#CCC； -webkit边界半径：3px； -moz边界半径：3px； 边界半径：3px； -webkit盒阴影：插入0 1px 1px rgba（0,0,0,0.075）； -moz盒阴影：插入0 1px 1px rgba（0,0,0,0.075）； 盒影：插入0 1px 1px rgba（0,0,0,0.075）； -webkit过渡：边框线性0.2s，框阴影线性0.2s； -moz过渡：边界线性0.2s，框阴影线性0.2s； -ms过渡：边界线性0.2s，框阴影线性0.2s； -o型过渡：边界线性0.2s，盒影线性0.2s； 过渡：边界线性0.2s，框阴影线性0.2s； } .dottedLineInput{ 边界：0！重要； 边缘顶部：20px； -webkit盒阴影：0； -moz盒阴影：0； 盒影：0； 边框底部：1px虚线#BBB！重要； } .dottedLineInput:焦点{ 大纲：无； }

这是代码。常规选择器样式适用于我的输入，我无法摆脱

dottedLineInput

类中的框阴影。我缺少什么？

尝试

无

，这是

框阴影的默认值：

<span class="span3">
    <input type="text" class="dottedLineInput" placeholder="New milestone name"></niput>
</span>​


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: white;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}

.dottedLineInput {
border: 0 !important;
margin-top:20px;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
border-bottom: 1px dotted #BBB !important;
}
.dottedLineInput:focus {
 outline: none;   
}

如果由于某种原因它仍然不起作用，请尝试添加
！重要信息
：

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

尝试添加边框样式：无；对于
框阴影
，没有
-ms-
或
-o-
前缀。
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;