去除button点击时的边框

最新推荐文章于 2024-04-26 10:09:48 发布

super_.

最新推荐文章于 2024-04-26 10:09:48 发布

阅读量4.6k

点赞数 5

分类专栏： JavaScript 文章标签： button在点击时出现边框去除button在点击时的边框按钮的光标事件按钮的边框去除按钮的边框

本文链接：https://blog.csdn.net/super_DuoLa/article/details/110390235

版权

JavaScript 专栏收录该内容

57 篇文章 4 订阅

订阅专栏

1、问题：button按钮的边框，通过css样式设置不显示，但点击是会出现

2、解决：配置按钮的光标事件和边框属性

3、实现代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>按钮的边框</title>
    <style>
   	 	#btn{
	   	 	width: 150px;
	   	 	height: 35px;
	   	 	border-radius:2em;
	   	 	background-color: green;
	   	 	color:#ffffff;
	   	 	border: 0px;
   	 	}
   	 	#btn:focus{outline:0;}
    </style>
  </head>
  
  <body>
     <button id="btn">这是按钮</button>
  </body>
</html>

PS:a标签也可以用

 a:focus{outline: none}

其他元素，可自行根据语法替换

super_.

关注

5
点赞
踩
10

收藏

觉得还不错? 一键收藏
1
评论
去除button点击时的边框

1、问题：button按钮的边框，通过css样式设置不显示，但点击是会出现2、解决：配置按钮的光标事件和边框属性3、实现代码<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <ti
复制链接

扫一扫