样式表该如何修改_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 12:00:24976瀏覽
原来网页嵌套情况是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