纯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; 
}