原来网页嵌套情况是searchdiv里面嵌套着form1，现在body部分我需要改成如下代码：
1 | <body> <form id="form1" name="form1" method="post" runat="server"> <div id="admin"> <ul id="nav1"> <li> <img src="/static/imghw/default1.png" data-src="images/administrator_pencil.png" class="lazy" style="max-width:90%" style="max-width:90%" / alt="样式表该如何修改_html/css_WEB-ITnose" > <ul> <li><a href="EditInformation.aspx">个人资料</a></li> <li><a href="Default.aspx">退出登录</a></li> </ul> </li> </ul> </div> <div id="searchdiv"> <input type="search" id="search" name="search" placeholder="学号或者姓名" runat="server" /> <input name="submit" type="submit" id="submit" value="" runat="server"/> </div> </form></body>
|
Nach dem Login kopieren
1 | #searchdiv #form1 #submit { background-color: transparent; background-image: url(images/find.png); height: 40px; width: 40px; position: absolute; left: 505px; top: 2%;}#searchdiv #form1 #search { height: 40px; width: 500px; border: 1px solid #333333;}
|
Nach dem Login kopieren
回复讨论(解决方案)
1 | #form1 #searchdiv #submit { background-color: transparent; background-image: url(images/find.png); height: 40px; width: 40px; position: absolute; left: 505px; top: 2%;} #form1 #searchdiv #search { height: 40px; width: 500px; border: 1px solid #333333;}
|
Nach dem Login kopieren
其实这样就可以了，最好定义一个样式名
1 | #submit { background-color: transparent; background-image: url(images/find.png); height: 40px; width: 40px; position: absolute; left: 505px; top: 2%;} #search { height: 40px; width: 500px; border: 1px solid #333333;}
|
Nach dem Login kopieren
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
