CSSを使用してDrupal7のAJAX処理アイコンと進行状況バーを変更する


7

Drupal 7でthrobber / ajaxロードアイコンとプログレスバーを変更するには、新しい画像を追加してCSSシステムファイルを上書きしますか?

回答:


13

これは、テーマCSSファイルのCSSをオーバーライドすることで実行できます。これはあなたが上書きしなければならないルールです

.ajax-progress .throbber {
  background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}

を変更するだけでbackground、処理アイコンを変更できます。

これは、オーバーライドする必要があるもう1つです。

html.js input.form-autocomplete {
  background-image: url(../../misc/throbber.gif);
  background-position: 100% 2px; /* LTR */
  background-repeat: no-repeat;
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.