I have a specific input
element that I need to hide, along with a few others. Is there a way to do this using their names?
<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">
Any suggestions on how to hide the input based on its full title or alt text?
[title ~= "Storage"] {
display: none;
}
This solution is effective but not supported in Firefox and Chrome.
[title ~= "Storage Administration"] {
display: none;
}
If I can't use the full title, is there a way to target the input element within .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>