twitter-bootstrap - 拆分按钮在 Chrome 和 Firefox 中显示不同

标签 twitter-bootstrap

我有以下分割按钮,由

制成

http://jsfiddle.net/periklis/B8PQg/

然而,虽然在 chrome 中看起来不错,但在 firefox (10) 中按钮部分似乎有点错位。如果我将其转换为它看起来不错,但这不是我想要的。有什么线索吗?

最佳答案

不确定这是否是同样的问题,但是当在 ASP.NET 中使用 Bootstrap 时,我发现按钮的左侧颜色不佳,在 FF 中尤其糟糕,但在 Chrome 和 IE 中则不然。

如果将 border-left: #0074cc 1pxsolid; 添加到 btn-primary 的样式中,它就会消失,并且 1px 边框足够小,不易被注意到。

关于twitter-bootstrap - 拆分按钮在 Chrome 和 Firefox 中显示不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9375007/

相关文章:

twitter-bootstrap - Bootstrap 3 - 对齐列高

javascript - 即使使用容器 : 'body' set,Bootstrap 弹出窗口也未正确放置

twitter-bootstrap - CSS - 如何使用 Bootstrap 将 <span> 内容对齐到中间?

css - Bootstrap : Hovering over button with custom color not changing styling

twitter-bootstrap - 如何使用 Bootstrap 背景图像进行响应式设计

javascript - 将导航栏登录下拉菜单更改为注销 ajax

html - 使一个按钮动画而其他按钮保持静止

javascript - 在视口(viewport) Bootstrap 中更改类

javascript - 制作固定的右侧导航栏

html - 从 col-md-9 中删除 anchor 并将其保留为仅图像