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

-moz-focus-inner

阅读更多

关于-moz-focus-inner

 

button::-moz-focus-inner,input::-moz-focus-inner{
   padding:0;
   border:0;
}

 

据说可以解决FF下按钮文字不垂直居中的问题。

分享到:
评论

相关推荐

    Firefox下input button内文字不能垂直居中的解决方法

    在Firefox中,`input`类型的`button`元素有一个私有属性`::-moz-focus-inner`,这个属性默认为按钮添加了左右各2px的内边距,即`padding: 0 2px`。这个内边距会影响按钮的外观,使得文字看起来不是真正地居中。同时...

    less 实例 z.less

    input::-moz-focus-inner { border:none; padding:0; } select, input { vertical-align:middle; } select, input, textarea { font-size:12px; margin:0; } input[type="text"], input[type="password"], ...

    FF(火狐浏览器)下解决按钮的水平居中

    综上所述,解决FF(火狐浏览器)下按钮的水平居中问题,需要关注私有属性`::-moz-focus-inner`,并合理使用CSS的`padding`, `border`, `line-height`以及`display`和`justify-content`属性。同时,根据项目需求,可能...

    三星9305收索

    -moz-box-shadow:inset 1px 1px 5px #2964bb;-o-box-shadow:inset 1px 1px 5px #2964bb}#fm .bdsug{top:35px}.bdsug{width:538px;border-color:#ccc;box-shadow:1px 1px 3px #ededed;-webkit-box-shadow:1px 1px 3px...

    Firefox按钮和锚标签上的虚线轮廓删除方法

    2. `::-moz-focus-inner`:这是一个针对Mozilla浏览器(包括Firefox)的特定伪元素,用于选中元素内部的焦点轮廓。它允许开发者对内部焦点轮廓进行样式化或取消样式(即设置为透明或无边框)。 3. `input[type=...

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

    总的来说,通过CSS的`outline:0`和特定浏览器的解决方案,如`::-moz-focus-inner`,我们可以实现只使用CSS去除按钮和链接点击时的虚线边框。这种方法在大多数现代浏览器中都能很好地工作,但在某些特定的IE版本或...

    使用CSS清除按钮和超链接点击时产生的虚线

    这里的 `::-moz-focus-inner` 是一个 Firefox 特有的伪元素,可以用来控制按钮内部的虚线。 ### 示例代码 结合以上几种方法,可以创建一个更完善的解决方案: ```css /* 移除按钮和超链接的虚线 */ button, a { ...

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

    然而,Firefox浏览器有一个已知的bug,对于`input`和`button`标签,需要使用Firefox的私有属性`::-moz-focus-inner`来处理,如下: ```css ::-moz-focus-inner { border: 0px; } ``` 请注意,这种方法在Internet ...

    media-queries

    .header-inner,.banner-inner,.inner-box,.main-inner,.footer-inner,.banner-1-inner{ width:100%;} .header{ padding-bottom:12px;} .header-inner{ width:96%;} .header-left{ position:inherit; padding-bottom:...

    JS表单提交验证、input(type=number) 去三角 刷新验证码

    input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } input[type="number"] { -moz-appearance: textfield; } ``` 验证码是另一个常见的安全措施,用于验证用户是否是人类。...

Global site tag (gtag.js) - Google Analytics