このinput
要素を非表示にします。実際、私にはそれらがほとんどなく、それらの名前を使用する必要があります。
<input type="image" alt="Storage Administration" src="App_Themes/Default/topmenu$store$png$ffffff$000000.IconHandler.axd" title="Storage Administration" id="ctl00_ctl00_TopMenuCph_btnAdm" name="ctl00$ctl00$TopMenuCph$btnAdm">
誰かがフルタイトルまたはaltの使用方法を提案できますか?
[title ~= "Storage"] {
display: none;
}
これはうまく機能しますが、FirefoxとChromeでは機能しません。
[title ~= "Storage Administration"] {
display: none;
}
タイトル全体を使用できない場合、入力要素が内部にある場合、どのように選択を絞り込むことができ.topMenu > div > li
ますか?
<ul class="topMenu">
<div id="ctl00_ctl00_TopMenuCph_panTab">
<li><input type="image" alt="Storage Administration" src="App_Themes/Default/topmenu$store$png$ffffff$000000.IconHandler.axd" title="Storage Administration" id="ctl00_ctl00_TopMenuCph_btnAdm" name="ctl00$ctl00$TopMenuCph$btnAdm"></li>
<li><input type="image" alt="Envelope Templates" src="App_Themes/Default/topmenu$envelope$png$ffffff$000000.IconHandler.axd" title="Envelope Templates" id="ctl00_ctl00_TopMenuCph_btnEnv" name="ctl00$ctl00$TopMenuCph$btnEnv"></li>
<li><input type="image" alt="My Documents" src="App_Themes/Default/topmenu$mydocuments$png$ffffff$000000.IconHandler.axd" title="My Documents" id="ctl00_ctl00_TopMenuCph_btnMyD" name="ctl00$ctl00$TopMenuCph$btnMyD"></li>
</div>
</ul>
使用している属性セレクターが、期待どおりに機能しません。あなたが置くとき[title~="Storage Administration"]
、CSSは、正確に「ストレージ」または正確に「管理」のいずれかのタイトルを持つ要素を探しています。CSSは何にも一致しません。
より詳細な説明については、属性セレクターの仕様を参照してください。
http://www.w3.org/TR/CSS21/selector.html#attribute-selectors
特に、title属性として「StorageAdministration」を持つ要素を探したい場合は、を使用します[title="Storage Administration"]
。~
(チルダ)が方程式から削除されていることに注意してください。
CSS3には、*=
部分文字列の一致など、いくつかの追加の属性セレクターがあります(CSS3セレクターの仕様を参照)。他の人々は、この他のStackOverflowの回答で同様のことを試みています。
これらのロジックを使用した例を次に示します。これがうまくいくかどうかはわかりませんが、これらの他のオプションを試してみてください。これらのサポートがまだわからないので、ブラウザの互換性を必ず確認してください。
[title^='Storage'], [title*=' Storage']{
display: none;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加