html中文本域选中后会出现蓝边框，怎么去掉？

我想做个搜索栏但插入文本域后，预览，鼠标点击文本后出现蓝边框，怎么让它隐藏或消失。求个代码。

举报该问题

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：<input type="text" style="outline: none;" />。

3、浏览器运行index.html页面，此时输入框选中后出现的蓝色边框被去除了。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/BjXtzWOO7.html

第1个回答 2013-09-24

首先给文本框添加一个选择区，这里假设是 class=“input”,css如下

.input:focus{
border:0;/*这里你可以自己调节边框样式*/
}

第2个回答推荐于2017-09-20

<input type="text" name="" value="" class="Inpt" />
.Inpt{border:0;outline:none;/*去除蓝色边框*/}

本回答被提问者采纳

第3个回答 2019-03-12

css里添加一个属性
{
outline:none;
}

相似回答

大家正在搜