去除Input输入框中边框的方式

Posted 鱼鱼疯

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了去除Input输入框中边框的方式相关的知识,希望对你有一定的参考价值。

  我们在做制作注册页面时,经常会需要消除Input带来的边框,这时候我们需要用到两个属性

  一个是input在非激活状态下,不现实边框,代码规则为 border:none;同时当鼠标移到input输入框上时,需要用 outline:medium;来消除边框,具体代码如下

  

.table_box2{
height: 30px;
width: 180px;
border: none;
float: left;
zoom:1;
outline: medium;

 需特别注意点一点,在这里尽量不要使用border:0;和outline:0。

以上是关于去除Input输入框中边框的方式的主要内容,如果未能解决你的问题,请参考以下文章

CSS:去除input和button边框以及选中时边框默认样式

css小tip

请问怎么去除微信网站的a,button,input,点击出现的蓝色边框(焦点线)?

修改input标签输入样式

css去除buttonainput标签的虚线边框

如何用JavaScript,在输入框中输入颜色,改变相对应文字的颜色?