私のページには、jQuery UI テーマと Bootstrap 2.1 css の両方がリンクされています。Bootstrap スタイルのボタンを使用する場合、テキストは表示されません。問題を引き起こしているのは、jQuery UI のテーマの次の行であることが判明しました。
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
デバッグ ツールで削除すると、1em はボタンのテキストを見えなくなるほど小さくキャストしなくなりました。Bootstrap.css がスタイルシート リストの後半にリンクされていることを確認したので、より価値がありますが、jQuery UI の定義はより具体的です。jQuery UI css データがブートストラップ ボタンに影響を与えるのを防ぐにはどうすればよいですか?