`
zhangyaochun
  • 浏览: 2621048 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

去除button的虚线框

去掉button虚线 
阅读更多

有的时候为了去掉Button的虚线框，而且兼容各大浏览器，并且排除到type=text

 

 

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
   border:none;
}

:focus{outline:none;}  /*IE*/
 
1
顶
0
踩
分享到：
| english learning
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    虚线边框去除

    在网页设计或者软件开发中，虚线边框的去除是一个常见的需求。虚线边框通常用于表示选中、可点击或者非主要元素的状态，但有时我们可能希望去掉这些边框以达到更简洁或统一的界面效果。本文将深入探讨如何在不同场景...

    wpf button去掉虚边框

    - **用户体验**：虽然去除Button控件的虚线边框可以让界面看起来更加美观，但也可能会降低某些用户的可用性体验，尤其是对于依赖键盘导航的用户来说。因此，在做出这样的更改之前，建议充分考虑其对不同用户群体的...

    用css消除button/selcet等控件选中时的虚线框(让页面美观点)

    important`，我们可以有效地去除button、select等控件的聚焦虚线边框，实现更美观的页面设计。不过需要注意的是，去除这些边框可能会对页面的可访问性造成影响，特别是对于视障用户依赖键盘导航的场景。因此，在追求...

    使用CSS去掉超链接的虚线边框的方法

    在网页设计中，超链接（`<a>`标签）和其他交互元素如输入框（`<input>`）和按钮（`<button>`）在被点击时，可能会显示一个虚线边框，这是浏览器为了帮助用户识别当前焦点所在位置而提供的默认行为。特别是对于使用...

    纯CSS搞定按钮、链接点击时的虚线

    然而，在某些设计风格中，这种虚线边框可能与整体界面不协调，因此开发者有时会选择去除它。本篇将详细介绍如何仅使用CSS来解决这个问题。 首先，让我们来看看问题的核心CSS代码： ```css .wrap{position:relative...

    去掉a标签和按钮加背景图片虚线/阴影完美解决方案

    最后，为了通用性，我们可以创建一个函数`fHideFocus`，接收元素类型作为参数，批量处理去除虚线边框的问题： ```javascript function fHideFocus(tName) { var aTag = document.getElementsByTagName(tName); for...

    qt无标题栏无边框组件

    为了实现窗口大小调整，我们需要自定义边框，例如通过在组件周围绘制虚线框来模拟边框，然后监听鼠标事件来处理窗口大小的变化。这通常涉及到`paintEvent()`和`resizeEvent()`的重写。 此外，为了提供窗口最小化和...

    如何去掉图片点击后的超级链接产生的虚框问题(两种实现方法)

    本文将介绍两种有效的方法来去除图片点击后超级链接产生的虚框，以提升用户体验。 方法一： 这种方法主要利用HTML的属性和JavaScript来实现。首先，我们可以为`<a>`标签添加`onfocus`事件，当该链接获取焦点时，...

    简单的bom文档

    - **blur**：使元素失去焦点，例如去除按钮聚焦时出现的虚线框。 ##### 4.4 新建窗体函数 - **open** 和 **close**：`open` 用于创建并打开新的浏览器窗口，`close` 则用于关闭当前窗口。 - **open** 函数支持多...

    级联样式文件共通样式整理

    此规则移除了元素获取焦点时出现的虚线框，这有助于改善视觉效果和用户体验。 ##### 字体样式的统一 ```css address,caption,cite,code,dfn,th,var,optgroup{font-style:normal;font-weight:normal;} h1,h2,h3,h4,...

    70款经典Dreamweaver插件

    scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口，现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 ...

    Dreamweaver 插件集

    去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口，现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 flashtext 制作仿...

    JavaScript.txt

    - **解释**：这段代码定义了一个带有图片的链接，通过设置`border`属性为`0`来去除图片周围的边框，并通过`onFocus`事件处理程序调用`this.blur()`方法来避免点击链接时出现虚线框。 ### 17. 表单提交至邮箱 - **...

    经典Dreamweaver插件

    ie55_scroll 自定义浏览器滚动条的特效CSS Marquee 插入滚动文字效果 scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口，现在网上最为流行的 ...

    ie特有bug文档

    - **问题描述**：在IE7中，当某元素的`border-width`中有小于3像素的边框设置为`dotted`时，该边框会显示为`dashed`而非预期的虚线效果。 - **解决方案**：避免在同一元素上同时使用不同宽度的`dotted`边框。 #####...

    AntDesign组件库目录.docx

    - **无边框**: 支持去除日期选择框的边框，以适应不同的设计风格。 - **日期时间选择**: 支持选择具体的日期和时间。 - **不可选择日期和时间**: 支持禁止选择某些日期和时间。 - **预设范围**: 支持预设常用的时间...

Magicbox
Global site tag (gtag.js) - Google Analytics