user-interface - Twitter Bootstrapスタイルのボタンの代わりにプレーンなhtmlボタン？

Question

IE 9で作業していて、TwitterBootstrapを使用したいと考えています。注意点の1つは、四角いボタンです。UXの観点から、ユーザーはこれに精通していません。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;
}