Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net 使用CSS选择任何特定选项时如何设置下拉显示无_Asp.net_Css - Fatal编程技术网

Asp.net 使用CSS选择任何特定选项时如何设置下拉显示无

Asp.net 使用CSS选择任何特定选项时如何设置下拉显示无,asp.net,css,Asp.net,Css,我正在使用asp.net屏幕输入数据,因为我们也希望使用与仅红色模式相同的屏幕,以便仅为某些用户查看。 我的屏幕中有一个下拉列表,默认选择的索引为0,文本为“请选择”。这些下拉列表不是强制性的,因此在编辑模式下,用户可能不会为下拉列表选择任何值,所以默认值为“请选择”,但当用户以只读模式打开同一屏幕以查看保存的数据时,我想隐藏这些下拉列表,它们是默认值为“请选择”,但使用CSS。我可以选择使用jquery,但如果可能的话,我正在寻找使用css的方法。我有两个css文件,我正在为只读模式和编辑模式

我正在使用asp.net屏幕输入数据,因为我们也希望使用与仅红色模式相同的屏幕,以便仅为某些用户查看。 我的屏幕中有一个下拉列表,默认选择的索引为0,文本为“请选择”。这些下拉列表不是强制性的,因此在编辑模式下,用户可能不会为下拉列表选择任何值,所以默认值为“请选择”,但当用户以只读模式打开同一屏幕以查看保存的数据时,我想隐藏这些下拉列表,它们是默认值为“请选择”,但使用CSS。我可以选择使用jquery,但如果可能的话,我正在寻找使用css的方法。我有两个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
的子元素,需要父选择器来解决这个问题,到今天为止还没有。