最近在写项目时,做到搜索框时,需要将input的默认边框清除,我的处理是border:none。在测试时发现input框出现了默认边框样式。
问题: 设置input边框不显示,将border设置为none,页面显示没有边框,但是点击输入时会有默认边框显示。
方法:在设置input边框为none的前提下,再添加outline:none属性,即可清除默认的border样式。
input输入框边框设置不显示
最新推荐文章于 2024-08-09 09:19:54 发布
最近在写项目时,做到搜索框时,需要将input的默认边框清除,我的处理是border:none。在测试时发现input框出现了默认边框样式。
问题: 设置input边框不显示,将border设置为none,页面显示没有边框,但是点击输入时会有默认边框显示。
方法:在设置input边框为none的前提下,再添加outline:none属性,即可清除默认的border样式。