3、实现代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>按钮的边框</title>
<style>
#btn{
width: 150px;
height: 35px;
border-radius:2em;
background-color: green;
color:#ffffff;
border: 0px;
#btn:focus{outline:0;}
</style>
</head>
<button id="btn">这是按钮</button>
</body>
</html>
PS:a标签也可以用
a:focus{outline: none}
其他元素,可自行根据语法替换
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
问题描述:
button
按钮
在
点击
后
出现
一个黑色的
边框
,任意
点击
其它位置就消失,如图:
解决方法: 这个
边框
是
button
在获取焦点
时
outline 的默认样式,所以在获取焦点是删掉即可,代码如下:
button
:foucs{
outline:0;
参考博客: 博客地址
Bootstrap
按钮
组件
点击
出现
的
边框
怎样
去掉
,
去除
bootstrap中
点击
按钮
,
按钮
会显示
边框
样式,解决bootstrap的
button
按钮
点击
之后会有蓝色
边框
的问题,bootstrap
按钮
点击
后
出现
边框
,解决bootstrap的
button
按钮
点击
之后会有蓝色
边框
的问题,解决bootstrap
按钮
点击
后再移入
出现
蓝色
边框
,如何
去掉
bootstrap
按钮
外边
出现
的
边框
,
去除
bootstrap
按钮
点击
后的
边框
,Bootstrap
按钮
轮廓和单击轮廓后,
去除
bootstrap中
点击
按钮
,
按钮
会显示
边框
样式,
1、input,
button
,a {outline:0 none !important; blr:expression(this.onFocus=this.blur());}
2、在做页面的
时
候,有
时
候会发现
点击
一些
按钮
会自带一些
边框
,这是浏览器添加的,但是自己并不想要,那么很简单,
就是在给这些有
按钮
的地方
去掉
边框
css添加:outline:none
3、有
时
候发现
点击
img的
时
候也会有,但是...
在做小程序开发的
时
候,很多开发功能都是用
button
的 open-type来实现,
但是
button
默认的效果太丑了
这
时
候我们可以将
button
组件
去除
边框
和圆角
我们可以这么做
button
::after{
border: 0;
border-radius: 0;