在input中既隐藏边框,也隐藏轮廓的设置

Posted 明明一颗大白菜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在input中既隐藏边框,也隐藏轮廓的设置相关的知识,希望对你有一定的参考价值。

在设置input的时候,我们往往不想显示边框,所以通常会在css里面写"border"none",但是结果往往差强人意,如下图

我们这个时候可以加一个属性来把它的轮廓也隐藏掉:"outline:none"

css代码如下:

input{
border: none;
outline: none;
}

以上是关于在input中既隐藏边框,也隐藏轮廓的设置的主要内容,如果未能解决你的问题,请参考以下文章

yii怎么设置文本框禁止输入,隐藏文本框

完全隐藏table的边框线

<select>隐藏边框及下拉箭头

html 表格中如何隐藏超出表格长度的字型

如何在片段中隐藏键盘?

excel隐藏边框线的方法