按钮 无边框 相关css设置

原创 2015年11月19日 15:42:37

有时候我们想让一个按钮无边框,甚至点击这个按钮时也没有边框,就像Visual Studio里面的这样:



那么我们可以在css里进行设置:

#Hide_Show_Label button {           
            background-color: Transparent; 
            border-style: none;     //无边框
            outline: none;
     //获得焦点也无边框

}

在html里给button添加边框属性(颜色、线形状 )

  var btn =document.getElementById("bnt1") ; btn.style.border="1px solid #FF9933" ; 

去掉button按钮左右两边的留白 设置按钮背景为透明 去掉鼠标点击时出现的虚线边框 层的显示与隐藏

1:去掉button按钮左右两边的留白 style="overflow:visible;padding:0"   2:设置按钮背景为透明 style="background-color:t...
  • inaoen
  • inaoen
  • 2011年05月30日 12:44
  • 12035

css去掉button点击后的蓝框

css控制Button 按钮的点击时候出现蓝色边框的问题 添加css属性,这样在点击安按钮的时候就不会有蓝色边框了。 button{ outline:none; } 转自:http:/...

a、button、input点击出现蓝色边框,如何去掉

a,button,input{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);         -webkit-user-modify: read-wr...

css纯代码实现圆边框和圆按钮

一、CSS3圆角的优点 传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点:   * 减少维护的工作量。图片文件的生成...

css button 的四种状态 focus 伪类

1.普通状态2,鼠标hover状态  3.active 点击状态  4.focus 取得焦点状态                     .btn {             colo...
  • ISaiSai
  • ISaiSai
  • 2014年12月15日 15:15
  • 50749

css控按钮的点击时候出现边框

今天测试偶然发现一个问题,页面上的按钮每次点击时都会出现一个黄色的框,然后各种查看自己写的样式表,没有发现自己控制这个呀 ,后来在引入的bootstrap框架中发现了这样的代码: .btn....
  • donggx
  • donggx
  • 2017年01月03日 17:56
  • 1243

HTML-登陆界面

这几天学习了web部分的入门内容,html的标签这些玩意儿,感觉还挺有意思的! HTML语言是什么?它是超文本标记语言的缩写! HTML的精髓在于使用标签来操作数据,从而达到记事本没法达到的效果。...

jsp中访问WEB-INF目录下的文件

在jsp中WEB-INF目录内的文件是不可以直接用url访问的,可以通过将需要保护的文件放入WEB-INF文件夹内,实现资源的保护.将源代码放入其中,更好的保护了源代码.而且需要保护的jsp放入其中,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:按钮 无边框 相关css设置
举报原因:
原因补充:

(最多只允许输入30个字)