样式表该如何修改_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 12:00:24989浏览
原来网页嵌套情况是searchdiv里面嵌套着form1，现在body部分我需要改成如下代码：
<body> <form id="form1" name="form1" method="post" runat="server"> <div id="admin"> <ul id="nav1"> <li> <img src="images/administrator_pencil.png" 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>
这个时候search和submit的样式会消失，请问在样式表中应该怎么修改？
#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;}
回复讨论(解决方案)
#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;} 其实这样就可以了，最好定义一个样式名
#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;} 声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn