css 文本框聚焦时如何控制无边框

具体实现代码如下：

创新互联-专业网站定制、快速模板网站建设、高性价比玉林网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式玉林网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖玉林地区。费用合理售后完善，10年实体公司更值得信赖。

var inputO = document.getElementById("input1");

inputO.onblur = function()

{

inputO.style.border = "1px solid rgb(0, 0, 0)";//input失去焦点时的边框状态

}

inputO.onfocus = function()

{

inputO.style.border = 0; //input得到焦点时的边框状态

}

css textbox文本框样式

orz....

你应该设置

input{XXXX}

而不是text，，，TEXT只是这个INPUT的类型而已。

网页制作：如何使文本框获得焦点时，只呈现光标闪烁而文本框四周不变化

分析问题：

文本框获取焦点时，浏览器给采用默认的处理方式，为其加上高亮外边框。

解决思路：

我们可能通过，在input获取焦点时，采用css将文本框的外边框去掉。为文本框添加如下样式即可。

outline:none;

样式代码：

input:focus {outline:none;}

下面给出一个完成的示例代码：

html

head

style

form{background-color : #FF00F1F;height:50px;padding : 15px;}

.inputStyle, .inputStyle:focus {outline:none;}

/style

/head

body

div id="dh2"

form

input type="text"  class="inputStyle"/

input type="text" /

/form

/div

/body

/html

怎么实现文本框默认有字，点击输入后没有字

css里面有个伪类，：hover 你可以设置文本框的这个样式的文本颜色，那么当鼠标移动到文本框的时候，文本颜色就变成你设置的颜色

文本框CSS样式问题

如果你不想要白边，就把 border: solid 1px #cacaca;去掉，ie和火狐的处理边框是不一样的，ie把边框放到文本框的外面，火狐是放到文本框的里面

如何用css改变输入框样式

中文字符的中线和英文字符的中线定义是不一样的，你在设置输入框与文本居中对齐的时候，最好将文本的字体样式设置成英文字体，比如font-family:verdana;这样有助于解决中线问题。然后再给输入框添加 vertical-align:middle;样式。

注意，由于涉及到中线问题，所以字号会影响对齐的效果。例子就不举了，你可以改变字号（12px、13px等）自己尝试一下。

分享标题：css文本框输入时无样式,css文本框输入时无样式选项
转载源于：http://ybzwz.com/article/phecce.html