如何将样式/颜色皮肤设为默认

How to make a style/color skin default?

本文关键字:默认 颜色 样式      更新时间:2023-09-26

我的网站上有样式选择器。我可以使用位于右侧的齿轮选择任何样式/颜色的皮肤。我正在尝试弄清楚,如何覆盖默认样式?

您可以非常轻松地切换默认加载的 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等。

如果您觉得它有帮助,请将其标记为您问题的接受答案。谢谢。