html中如何去掉文本框的边框

您所在的位置:网站首页 input去掉边框 html中如何去掉文本框的边框

html中如何去掉文本框的边框

2023-04-06 01:00| 来源: 网络整理| 查看: 265

可以用border属性去除文本框的边框。

1、新建html文档,在body标签中添加一些input标签,这时默认情况下浏览器中的文本框有1px的边框:

2、在head标签中添加style标签,设置input的样式,这里为了演示方便,为文本框设置灰色的背景色:

3、为input标签设置边框“border”属性,属性值为“0”,这时网页中文本框的边框就被去掉了:

安卓webview中的html界面,点击时产生的边框,可以在js的代码中给元素添加如下属性:-webkit-tap-highlight-color即可去掉边框。

1.webkit内核的浏览器,当用户点击一个链接或者通过js定义的可点击元素的时候,会出现一个半透明的灰色背景或者红色的边框。

2.如果想要禁用高亮,可设置颜色的alpha值为0,也就是属性值的最后一位设置为0就可以去除背景或者边框。去除android链接触摸时产生边框的css代码

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

欢迎分享,转载请注明来源:内存溢出

原文地址:https://outofmemory.cn/zaji/7312446.html



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3