user-interface - 普通的 html 按钮而不是 Twitter Bootstrap 样式的按钮？

Question

我在 IE 9 中工作并想使用 Twitter Bootstrap。警告之一是方形按钮。从用户体验的角度来看，用户对此并不熟悉。在没有 Twitter Bootstrap 样式的情况下保持 html 按钮正常的最佳方法是什么？

Answer 1

如果按按钮，您的意思是以下元素：

<div class="btn">Button</div>

然后你可以简单地覆盖样式：

<div class="btn" style="border-radius: 0px">Button</div>

更优雅的解决方案是添加您自己的 CSS 类，例如squared：

div.squared {border-radius: 0px;}

并改用它：

<div class="btn squared">Button</div>

另请注意，为了跨浏览器兼容性，您可能需要添加特定于浏览器的 CSS，CSS 总数为：

div.squared {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}