2013-09-29 11 views
7

jQuery-UIタブウィジェットを実装しました。しかし、それは私が好きではないスタイルのものです。特に.ui-corner-allは丸められていて、私はそれを望んでいません。jQuery-ui.cssスタイルをオーバーライドする方法

これを無効にする「正しい」方法は何ですか。私はテーマを使うべきですか?

誰かが、初心者のテーマを使用/作成する方法についての初心者のチュートリアルを持っていますか?

+1

http://jqueryui.com/themeroller/ – SLaks

答えて

8

は、docのカスタムスタイルシートや頭の中で重要な

.ui-corner-all{ 
border: 0px !important; 
} 

を使用してみてください。

1

JQuery UIのスタイリングを手動でオーバーライドしないで、代わりにJQuery UI's ThemeRollerページを使用することをお勧めします。

ThemeRollerを使用してテーマを変更すると、次に新しいバージョンのJQuery UIにアップグレードしようとするときに特定のスタイルを変更したり競合させたりすることなく、将来のアップグレードで最大限の互換性が確保されます。

+0

しかし、あなたはCDNを介してテーマをロードする贅沢を失う。 –

+0

残念ながら、これは本当です。どのくらい修正しようとしているかに基づいて、長所と短所を比較するケースです。 –

関連する問題