javascript - タブに jquery.ui.all.css を使用する理由

Question

私は何をするのだろうjquery.ui.all.cssかTabs

外す瞬間

<link rel="stylesheet" href="jquery/dev/themes/base/jquery.ui.all.css">

私のタブは動作しません..

私の質問は：

jquery.ui.all.css stylesheetタブに対して実際に何をしますか?

タブ用に独自のスタイルシートを作成できますか? 作成できる場合、どうすればよいですか?

Answer 1

タブに関連するすべてのスタイルは、jquery.ui.all.css スタイル シートにあります。

タブは、実際には div や span などの通常の html 要素であり、ラッパーで囲まれています。スタイルシートを削除すると、実際の要素が画面に表示されます。

これらのラッパーは、タブにスタイルを与えるクラス名に関連付けられています。

独自のスタイルを記述したい場合は、これらが含まれている各ラッパーをオーバーライドまたはスタイルする必要があります..

を使用して、カスタム スタイルをスタイルアップする簡単な方法があります。

テーマローラー

Answer 2

ファイルを開くと、次のように表示されます。

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";

これらの 2 つの@importステートメントは、このファイルが含まれている場合、これら 2 つの別個のファイルをロードします。これはショートカットであり、2010 年 2 月に次の( DIFF ) を置き換えたものです。

@import "ui.core.css";
@import "ui.accordion.css";
@import "ui.datepicker.css";
@import "ui.dialog.css";
@import "ui.progressbar.css";
@import "ui.resizable.css";
@import "ui.slider.css";
@import "ui.tabs.css";

したがって、そのインクルードを削除すると、使用している UI ベースの効果がそれ以外の場合を除き、jQuery UI タブ以外の機能も停止すると思います。