Maison >interface Web >tutoriel HTML >样式表该如何修改_html/css_WEB-ITnose
样式表该如何修改_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:00:24994parcourir
原来网页嵌套情况是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;} Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：CSS定位深入理解 完全掌握CSS定位 相对定位和绝对定位_html/css_WEB-ITnoseArticle suivant：借助 CSS Colorguard 来避免使用重复的颜色_html/css_WEB-ITnose