継承されたCSSを完全にリセットして、button
他のインラインブロック要素とまったく同じように動作するようにします。しかし、ボタンのテキストが垂直方向の中央に永久に貼り付けられるという問題が発生しました。
以下のフィドル(およびスクリーンショット)では、button
とdiv
はChrome Developer Consoleによるとまったく同じスタイルですが、ボタンのテキストは垂直方向に中央に配置されていますが、divはそうではありません。
http://jsfiddle.net/rgthree/vT3a7/
特にラベルの位置を含め、ボタンを完全にリセットするプロパティまたはセレクターを知っている人はいますか?
答え
Chrome〜25以外のブラウザには方法がありません。Chrome 27で機能しないことについてChromiumプロジェクトに連絡しました(@winterbloodの回答とコメントを参照)。彼らはこれを言った:
問題は、安全なセンタリングを実現するために、ボタン内の匿名ブロックでmargin:autoを使用してボタン内のセンタリングを行うことです。したがって、残念ながら、CSSからスタイルを設定する方法はありません。以前にこの動作を制御できたのは、実際には実装の詳細が漏れていたからです。
したがって、本当の答えは、@ winterbloodが回答したように、誤って公開されたChrome〜25を除いて、どのブラウザでもこれをスタイル設定できないということです-webkit-box-align
。