Asp.net 使用CSS选择任何特定选项时如何设置下拉显示无
我正在使用asp.net屏幕输入数据,因为我们也希望使用与仅红色模式相同的屏幕,以便仅为某些用户查看。 我的屏幕中有一个下拉列表,默认选择的索引为0,文本为“请选择”。这些下拉列表不是强制性的,因此在编辑模式下,用户可能不会为下拉列表选择任何值,所以默认值为“请选择”,但当用户以只读模式打开同一屏幕以查看保存的数据时,我想隐藏这些下拉列表,它们是默认值为“请选择”,但使用CSS。我可以选择使用jquery,但如果可能的话,我正在寻找使用css的方法。我有两个css文件,我正在为只读模式和编辑模式动态更改 我得到一些css如下,以同样的方式,我正在寻找我的问题的解决方案Asp.net 使用CSS选择任何特定选项时如何设置下拉显示无,asp.net,css,Asp.net,Css,我正在使用asp.net屏幕输入数据,因为我们也希望使用与仅红色模式相同的屏幕,以便仅为某些用户查看。 我的屏幕中有一个下拉列表,默认选择的索引为0,文本为“请选择”。这些下拉列表不是强制性的,因此在编辑模式下,用户可能不会为下拉列表选择任何值,所以默认值为“请选择”,但当用户以只读模式打开同一屏幕以查看保存的数据时,我想隐藏这些下拉列表,它们是默认值为“请选择”,但使用CSS。我可以选择使用jquery,但如果可能的话,我正在寻找使用css的方法。我有两个css文件,我正在为只读模式和编辑模式
<!DOCTYPE html>
<html>
<head>
<style>
select [value=two][selected=selected] {
display:none
visibility:hidden;
}
</style>
</head>
<body>
<th>Show This Drop down</th>
<select id="ddlNumber">
<option value="-1">Please Select</option>
<option value="one">one</option>
<option value="two" selected="selected">two</option>
<option value="three">three</option>
<option value="four">four</option>
</select>
<br>
<br>
<th>Hide This Drop down by css</th>
<select id="ddlAlpha">
<option value="-1" selected="selected">Please Select</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">D</option>
</select>
</body>
</html>
选择[value=two][selected=selected]{
显示:无
可见性:隐藏;
}
显示此下拉列表
请选择
一
二
三
四
通过css隐藏此下拉列表
请选择
A.
B
C
D
在只读CSS中,您只需选择{display:none;}@Gerard,它将隐藏屏幕中我想隐藏的所有下拉列表,只隐藏那些选定文本为“请选择”的下拉列表。您需要为选择指定一个ID。你能在这里发布相关的HTML吗?@Gerard,我已经用示例HTMLI更新了我的帖子。如果你想根据选择的选项隐藏select
元素,那将不适用于CSS,因为option
元素是select
的子元素,需要父选择器来解决这个问题,到今天为止还没有。