如何使样式/颜色皮肤默认?

时间:2016-03-01 14:09:06

标签: javascript jquery html css twitter-bootstrap

我的site上有样式选择器。我可以使用位于右侧的齿轮选择任何款式/颜色的皮肤。我想弄清楚,我怎样才能覆盖默认样式?

1 个答案:

答案 0 :(得分:1)

您可以非常轻松地切换默认加载的CSS。做以下......

打开index.html,在第91行,您将找到所有样式表的列表,如下所示。

<link rel="stylesheet" type="text/css" href="css/colors/red.css" title="red" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/pink.css" title="pink" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" />

加载的默认样式是列表顶部的第一个样式,在这种情况下它是red.css。因此,如果您想更改颜色,例如,假设您希望BLUE成为默认配色方案,则需要将<link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />移至第91行或red.css上方的顶部,以使其成为您的默认。您需要对所有网页html文件进行此更改,例如about.htmlcontact.html等。

如果您发现它有用,请将此标记为您问题的已接受答案。谢谢。