0

我在尝试更改输入文本框初始样式时遇到了一些问题，这是我目前的样式：

.myInput {
    text-align: left;
    display:inline-block;
    outline: none;
    float: left;
    font-size: 0.8em;
}

而且我想删除边框并使输入文本出现在输入控件的开头，而没有由默认输入文本框样式创建的任何填充/边距（我添加了一个显示输入文本位置与标签的文本位置）

谢谢 ：）

4

3 回答 3

1

如果您想更改/更改文本框（myInput）的默认样式，请尝试这个。

.myInput{
border:0px!important;
text-align:left!important;
padding:0px!Important;
margin:0px!important;
}

using!important将优先考虑你给定的风格希望它会有所帮助谢谢..

于 2012-11-21T08:40:42.270 回答
1

用于border:none删除边框并添加您的自定义样式

演示

于 2012-11-21T08:44:41.947 回答
1

我认为!important在代码中声明这么多 s 并不是一个好主意。你最终会遇到几个错误，因为!important它不只是优先考虑 - 它会积极地覆盖。

您最好更改.myInput为 ID ( #myInput) 并以 ID 为目标。ID 具有更高的优先级。

#myInput {
  padding: 0px;
  margin: 0px;
  text-align:left;
  border: 0px;
  ...your styles here...
}

如果您多次使用此输入，您可以尝试将其包装为一个 ID 下的类并定位它（#myInput input）!importantd 急忙找身份证。

该!important命令是一个可爱的 hack，但是你会因为过度使用它而遇到太多问题。经验法则（我不是互联网上唯一支持这一点的 CSS 爱好者）：除非绝对必要，否则不要使用。!important

于 2012-11-21T09:10:27.233 回答