重置输入边框

时间:2018-02-20 06:03:40

标签: css

有没有办法将输入的边框重置为默认值?使用initial应该只是这样做,而是完全删除边框。



.textinputs {
  border: 1px solid red;
}

#txtReset {
  border: initial;
}

<input type="text" class="textinputs" value="hello" />
<input id="txtReset" class="textinputs" type="text" value="world" />
&#13;
&#13;
&#13;

textinputs类无法通过服务器控件设置删除(输入是使用该类呈现的服务器控件)。

答案here已过时且不再有效,因为我们现在拥有initial关键字。

2 个答案:

答案 0 :(得分:-1)

您可以为世界文本框重新定义css,例如: -

.divOrangeCircles svg{
  width: 100%;
  height: 100%;
}

#txtReset {
 border:1px solid #ccc;
}
input[type='text'] {
  border: 1px solid red;
}

#txtReset {
 border:1px solid #ccc;
}

答案 1 :(得分:-1)

您可以将border-color设置为初始颜色border-color,令人烦恼的是设置MAIL_DRIVER=smtp MAIL_HOST=smtp.gmail.com MAIL_PORT=587 MAIL_USERNAME=abc@gmail.com MAIL_PASSWORD=abc@123 不起作用所以请改为:

border-color: initial
input[type='text'] {
  border: 1px solid red;
}

#txtReset {
  border: 1px solid #eee;
}

你可能会以错误的方式解决这个问题,不要首先设置通用<input type="text" value="hello" /> <input id="txtReset" type="text" value="world" />的样式,如果你需要默认样式,请保留原样,然后添加一个您希望拥有红色样式的输入课程:

input[type='text']
.red {
  border: 1px solid red;
}