我在我的网站上使用ASP菜单控件作为标题,并且当前没有为菜单定义CSS,但由于某些原因,ASP会在页面加载时自动将一些CSS插入到我的页面中并弄乱我的填充菜单。
我搜索了整个VS解决方案,以便更改插入的这些css值,但无法找到它们。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="../Content/css/style.css" rel="stylesheet" type="text/css" /><link href="../Content/css/coin-slider.css" rel="stylesheet" type="text/css" />
<script src="../Content/javascript/cufon-yui.js" type="text/javascript"></script>
<script src="../Content/javascript/cufon-times.js" type="text/javascript"></script>
<script src="../Content/javascript/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../Content/javascript/script.js" type="text/javascript"></script>
<script src="../Content/javascript/coin-slider.min.js" type="text/javascript"></script>
上面的代码应该在那里,但下面的代码插入到index.aspx
<style type="text/css">
/* <![CDATA[ */
#ctl05 { background-color:Black; }
#ctl05 img.icon { border-style:none;vertical-align:middle; }
#ctl05 img.separator { border-style:none;display:block; }
#ctl05 img.horizontal-separator { border-style:none;vertical-align:middle; }
#ctl05 ul { list-style:none;margin:0;padding:0;width:auto; }
#ctl05 ul.dynamic { z-index:1; }
#ctl05 a { text-decoration:none;white-space:nowrap;display:block; }
#ctl05 a.static { padding:18px 45px 18px 45px;text-decoration:none; }
#ctl05 a.popout { background-image:url("/WebResource.axd?d=YAYach_zykzn7tRotFpEUmO1fL8jOiyhzrMCvs8YZwkH3GP7lZCuWXNQruOKzP9a49jEMgtKQl2DkwKanmJIMc3YOWHLj04418ItgeJTIvI1&t=636042698594211026");background-repeat:no-repeat;background-position:right center;padding-right:14px; }
#ctl05 a.dynamic { background-color:Gray;text-decoration:none; }
#ctl05 a.dynamic.highlighted { background-color:Black; }
/* ]]> */
</style>
</head>
我不介意以某种方式将a.popout上的padding-right值更改为0的脏修复。
答案 0 :(得分:1)
使用您自己的CSS文件/样式块,您可以覆盖使用!important
之后所需的任何属性吗?
<style>
#ctl05 ul.dynamic { z-index:99 !important; }
</style>
在级联顺序部分下查看有关!important如何影响规则的特殊性的一些信息: https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade
您也可以使用Google CSS!重要。 :)