如何去掉input默认样式
2017-10-15 10:12
253 查看
第一种:直接在input中加style=“outline:none;”
<input type="search" style="outline:none;:>
第二种方式:在顶部style中直接控制css样式:
<style type="text/css">
input{outline:none;}
</style>
第三种方式:直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框~
input:focus { outline: none; }
添加补充一种:兼容的解决方法:
input{
background:none;
outline:none;
border:0px;
}
<input type="search" style="outline:none;:>
第二种方式:在顶部style中直接控制css样式:
<style type="text/css">
input{outline:none;}
</style>
第三种方式:直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框~
input:focus { outline: none; }
添加补充一种:兼容的解决方法:
input{
background:none;
outline:none;
border:0px;
}
相关文章推荐
- 如何修改input[type="file"]的默认样式
- 去掉或者修改 input、select 等表单的【默认样式 】
- 如何移除webkit浏览器下 input 元素获得焦点后的默认样式
- 去掉谷歌默认的input textarea边框样式
- html5中如何去掉input type date默认样式
- 如何移除webkit浏览器下 input 元素获得焦点后的默认样式
- 去掉 input 等系统默认的样式
- [CSS] 去掉a标签超链接的虚线框,禁止浏览器默认input样式
- Flex中如何利用folderClosedIcon和folderOpenIcon样式,去掉Tree控件默认文件夹图标
- 如何移除webkit浏览器下 input 元素获得焦点后的默认样式
- 如何更改 iOS 和安卓浏览器上的 input[type="radio"] 元素的默认样式?
- 如何去除input标签点击之后出现的默认样式
- 如何去掉Egde浏览器 对电话号码的默认样式?
- 如何去除JQuery Mobile中的默认input样式(转)
- 如何修改标签默认样式
- 如何去除Chrome浏览器表单文本框Input自动填充黄色背景色样式?
- Share point 如何更改日历默认显示样式,月,周,日 切换
- input[type="date"]默认样式修改
- 修改input file文件上传的默认样式 兼容ie8