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