- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我在 Firefox 中制作了一个按钮并且效果很好,但在 Chrome 中单击按钮后文本没有移动,因此单击时没有按钮效果。我想为 Chrome 修复此问题,但仍然不会弄乱 Firefox 的代码。
.btn{
background:-moz-linear-gradient(top,#64b24c 1%,#5ba045 31%,#509339 80%);
background:-webkit-linear-gradient(top,#64b24c 1%,#5ba045 31%,#509339 80%);
border:1px solid rgba(70,140,60,0.8);
border-radius:3px;
height:30px;width:80px;
font-family:Corbel;font-weight:bold;font-size:16px;color:#FFF;
text-shadow:rgba(3,3,3,0.8) 1px 1px 2px;
padding-bottom:3px; /*bad*/
padding:0px 0px 2px 0px; /*good*/
}
.btn:hover{cursor:pointer;}
.btn:active{
background:#509339;
padding:2px 0px 3px 1px; /*bad*/
padding:0px 0px 0px 2px; /*good*/
}
问题是 Chrome 没有对 padding-left: 1px; 使用react。我将其更改为 2px,Chrome 和 Firefox 一切正常。
最佳答案
Chrome 的用户代理样式表为按钮设置了 padding: 2px 6px 3px 6px
。因此,当您将其设置为 2px 时,您的顶部内边距根本没有改变。
您可能想要显式覆盖未按下按钮的填充,以便无论浏览器设置如何都能获得相同的效果。
关于html - 在 Chrome 中点击按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15989362/
menu Home Events Technical Schedule
我试图阻止触发默认 anchor 链接和 onclick 事件。 这是 HTML 代码: Google 我正在尝试使用以下 jQuery 代码阻止任何重定向的发生: $("#mylink").cli
我想在单击父 div 上的任意位置时切换我的 div,除非单击 anchor 元素。因此,例如,如果我单击示例中的第一个文本,我希望它切换,但在我的示例中的第二个文本上,我不希望它切换。 JSFidd
我在通过 jQuery 伪造 anchor 点击时遇到问题:为什么我的thickbox在我第一次点击输入按钮时出现,但第二次或第三次却没有出现? 这是我的代码: Link 当我直接点击链接时,它总是
我已经从 Mootools 切换到 jQuery,因为我认为它有更好的支持。我有这样的 HTML: Opcje Opcje Opcje Opcje Opcje Opcje Opcje JS
我是一名优秀的程序员,十分优秀!