文本框的边框怎么去掉

html-css052

文本框的边框怎么去掉,第1张

在word中将文本框的形状轮廓设置为无轮廓,即可去掉边框。

华为MateBook 14s

Windows10

Microsoft office word365

1、插入一个简单文本框。

2、在文本框中输入你想输入的文字。

3、选中刚刚插入的文本框,右键,选择“设置自选图形/图片格式”。

4、在文本框格式中的颜色与线条界面中,将线条的颜色改为无颜色,然后点击保存,退出。

5、可以看到文本框外边框消失了,仅剩下内部文字。

1.css里面加 *:focus { outline: none} 或 input {outline:none} 所有类似的文本框都可以用这个属性,如果要给某个去掉的话 可以单独写input[type='text']{outline:none}.

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

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

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

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