特定のタイトルのCSSで要素を非表示にする方法は?

ラデク

この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]

編集
0

コメントを追加

0

関連記事

分類Dev

モバイルデバイスの要素を非表示にする方法は?CSS

分類Dev

(カスタムイベントなしで)別の要素の非表示/表示時に要素のCSSを変更するにはどうすればよいですか?

分類Dev

マテリアルUIを使用して特定のブレークポイントで要素を表示/非表示にする方法は?

分類Dev

WordPressの特定のCSSセレクターで要素を非表示にする

分類Dev

QGraphicSceneで特定のアイテムを非表示にする方法は?

分類Dev

reactで特定の要素を表示または非表示にする

分類Dev

mit-scratchで特定のスプライトを非表示にする方法は?

分類Dev

Greasemonkeyを使用して特定の要素を非表示にする方法は?

分類Dev

リスト内の特定の要素をangular * ngForで非表示にする方法はありますか?

分類Dev

特定のリスト要素にcssスタイルを追加する

分類Dev

要素を非表示にする:Javascript属性とCSSスタイルの違い

分類Dev

jqueryで特定のマルチレベルのネストされたdivを表示/非表示にする方法は?

分類Dev

tablviewの特定のセルのボタンを非表示にする方法は?

分類Dev

他の要素がCSSで非表示になっている場合は、要素のスタイルを設定します

分類Dev

jQueryで要素タイプの配列に基づいて特定のdiv内の要素を非表示にするにはどうすればよいですか?

分類Dev

Linuxのターミナルでホスト名を非表示にする方法は?

分類Dev

HighCharts:シリーズ内の特定のデータポイントを削除(または)非表示にする方法は?

分類Dev

特定のデータラベルのchart.jsでツールチップを非表示にする方法は?

分類Dev

SeabornでAxisのタイトルを非表示にする

分類Dev

Chrome:Chromeで特定の1つのタブを非表示にする方法は?

分類Dev

CSSアニメーションで非表示の要素を非表示にする方法は?

分類Dev

20.04でウィンドウのタイトルバーを非表示にする方法は?

分類Dev

PCManFMで特定の拡張子のファイルを非表示にする方法

分類Dev

JavaScriptですべての要素を非表示にする方法は?

分類Dev

CSSを使用してホバー時に特定の要素のスタイルを設定する方法は?

分類Dev

Safariで:: cue疑似要素の背景を非表示にする方法は?

分類Dev

javascriptで複数の要素を非表示にする方法は?

分類Dev

JavaScriptで親の親要素を非表示にする方法は?

分類Dev

Swift iOS-デバイスが回転したときに特定のタブでtabBarを非表示にし、他のタブは非表示にする方法

Related 関連記事

  1. 1

    モバイルデバイスの要素を非表示にする方法は?CSS

  2. 2

    (カスタムイベントなしで)別の要素の非表示/表示時に要素のCSSを変更するにはどうすればよいですか?

  3. 3

    マテリアルUIを使用して特定のブレークポイントで要素を表示/非表示にする方法は?

  4. 4

    WordPressの特定のCSSセレクターで要素を非表示にする

  5. 5

    QGraphicSceneで特定のアイテムを非表示にする方法は?

  6. 6

    reactで特定の要素を表示または非表示にする

  7. 7

    mit-scratchで特定のスプライトを非表示にする方法は?

  8. 8

    Greasemonkeyを使用して特定の要素を非表示にする方法は?

  9. 9

    リスト内の特定の要素をangular * ngForで非表示にする方法はありますか?

  10. 10

    特定のリスト要素にcssスタイルを追加する

  11. 11

    要素を非表示にする:Javascript属性とCSSスタイルの違い

  12. 12

    jqueryで特定のマルチレベルのネストされたdivを表示/非表示にする方法は?

  13. 13

    tablviewの特定のセルのボタンを非表示にする方法は?

  14. 14

    他の要素がCSSで非表示になっている場合は、要素のスタイルを設定します

  15. 15

    jQueryで要素タイプの配列に基づいて特定のdiv内の要素を非表示にするにはどうすればよいですか?

  16. 16

    Linuxのターミナルでホスト名を非表示にする方法は?

  17. 17

    HighCharts:シリーズ内の特定のデータポイントを削除(または)非表示にする方法は?

  18. 18

    特定のデータラベルのchart.jsでツールチップを非表示にする方法は?

  19. 19

    SeabornでAxisのタイトルを非表示にする

  20. 20

    Chrome:Chromeで特定の1つのタブを非表示にする方法は?

  21. 21

    CSSアニメーションで非表示の要素を非表示にする方法は?

  22. 22

    20.04でウィンドウのタイトルバーを非表示にする方法は?

  23. 23

    PCManFMで特定の拡張子のファイルを非表示にする方法

  24. 24

    JavaScriptですべての要素を非表示にする方法は?

  25. 25

    CSSを使用してホバー時に特定の要素のスタイルを設定する方法は?

  26. 26

    Safariで:: cue疑似要素の背景を非表示にする方法は?

  27. 27

    javascriptで複数の要素を非表示にする方法は?

  28. 28

    JavaScriptで親の親要素を非表示にする方法は?

  29. 29

    Swift iOS-デバイスが回転したときに特定のタブでtabBarを非表示にし、他のタブは非表示にする方法

ホットタグ

アーカイブ