我使用以下代码制作：
input[type=text] { background: transparent; border: none; border-bottom: 1px solID #000000; padding: 2px 5px;}input[type=text]:focus{ border: none; border-bottom: 1px dashed #D9FFA9;} <!DOCTYPE HTML><HTML><head> <Meta charset="utf-8"> <Meta name="vIEwport" content="wIDth=device-wIDth"> <Title>Js Bin</Title></head><body> name : <input type="text" /> </body></HTML>
问题：
这里当我对输入框进行聚焦并开始输入文本时,输入框周围会出现一个蓝色边框,如下图所示.
我必须删除这个蓝色边框.怎么做？
input[type=text] :focus{ border: none; border-bottom: 1px dashed #D9FFA9; outline: 0;} 我将补充一点,这是为了一个目的,并在输入聚焦时向用户显示 – 设置它的好方法(例如更改颜色),而不是删除它
总结以上是内存溢出为你收集整理的焦点问题上的自定义html输入框全部内容，希望文章能够帮你解决焦点问题上的自定义html输入框所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）