4

継承されたCSSを完全にリセットして、button他のインラインブロック要素とまったく同じように動作するようにします。しかし、ボタンのテキストが垂直方向の中央に永久に貼り付けられるという問題が発生しました。

以下のフィドル(およびスクリーンショット)では、buttondivはChrome Developer Consoleによるとまったく同じスタイルですが、ボタンのテキストは垂直方向に中央に配置されていますが、divはそうではありません。

http://jsfiddle.net/rgthree/vT3a7/

ボタンvsdiv

特にラベルの位置を含め、ボタンを完全にリセットするプロパティまたはセレクターを知っている人はいますか?


答え

Chrome〜25以外のブラウザには方法がありません。Chrome 27で機能しないことについてChromiumプロジェクトに連絡しました(@winterbloodの回答とコメントを参照)。彼らはこれを言った:

問題は、安全なセンタリングを実現するために、ボタン内の匿名ブロックでmargin:autoを使用してボタン内のセンタリングを行うことです。したがって、残念ながら、CSSからスタイルを設定する方法はありません。以前にこの動作を制御できたのは、実際には実装の詳細が漏れていたからです。

したがって、本当の答えは、@ winterbloodが回答したように、誤って公開されたChrome〜25を除いて、どのブラウザでもこれをスタイル設定できないということです-webkit-box-align

4

1 に答える 1

3

Webkitの場合、または-webkit-box-alignの値でオーバーライドする必要があります。baselinestart

私はまだFirefoxにこれを実装することができませんでした(非常に簡単に見てください)。

于 2013-03-25T22:46:46.503 に答える