如何去掉input文本域选中后会出现蓝边框

news/2024/11/15 2:31:39/

 

想要将inptut文本域的蓝色外框去掉,设置自己的样式,需要在你想要改变标签的样式中

代码如下

outline: 0;
border-radius: 10px;
border: 1px #CFCDCC solid;

效果如下: 

同时设置这个三个属性样式就可以去掉了,并且出现自己想要设置的结果


http://www.ppmy.cn/news/729864.html

相关文章

如何去除Excel表格中出现的多条虚线

本来想去掉Excel工作表中的网格线,然后不小心勾了“显示”选项卡中的“打印行号列标”,结果工作表中出现了多条虚线。 原因:第一次在工作表中勾选了“显示”选项卡中的“打印行号列标”,文件下面的“选项”面板中的“视图”tab就自…

去掉input框的点击出现的蓝色边框

1、input{ outline:none; } 2、input:focus{ outline:none; } 3、经测试IE8,9,10,11下outline:none;点击有蓝色上边框,border:0;后所有边框消失 input{ outline:none; border:0; } outline的复合属性顺序(一般按这个顺序):outlin…

antd表格去掉四周边框

只涉及到css的一些基本选择 .ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table{border-left: none; }.ant-table…

antd去掉表格边框

.ant-table.ant-table-small {border: none; } .ant-table.ant-table-small .ant-table-tbody > tr > td {border: none; }

element-ui的表格去除表格线

直接上css代码就行 .tab-le /deep/ .el-table, .el-table__expanded-cell {background-color: transparent;border: none;}.tab-le /deep/ .el-table tr {background-color: transparent!important;border: none;}.tab-le /deep/ .el-table--enable-row-transition .el-tabl…

表格重叠后,出现表格线变粗。

解决方法: style"border-collapse:collapse margin-top:-1px"border-collapse:collapse//表示合并在一起。 margin-top:-1px//去除该表格顶部重合的部分。margin-top:-1px//去除顶部重合的加粗效果。 margin-bottom:-1px//去除底部重合的加粗效果。 ma…

在Visio中快速的画一个虚线框

在Visio中我们需要一个虚线框怎么来画:我的方法是画一个矩形然后改变其属性来实现,这样你就不用考虑初次画框的大小,因为矩形可以随意去拉伸其大小。 1、在指针工具那里选择矩形画一个矩形出来 2、修改矩形属性,将矩形的形状样式…

html网页中在一个表格中去除部分表格线

关键点:先合并可合并的单元格要将定义的style样式放在td(单元格)中,不能放在tr(行)中否则表格线不能完全隐去(需要显示表格线的可将style样式放在tr中) 一、head中的部份样式示例&a…