堆棧內存溢出
  簡體   English   中英

將CSS設置為動態創建的類

[英]Set CSS to dynamically created class

 原文  2013-10-05 16:30:59  4   4    javascript/ php/ jquery/ css

問題描述

我有多個<ul> ，它們的類名是從數據庫中提取的。 用戶可以添加或刪除這些無序列表，並為其指定所需的任何名稱。 然后，用戶可以為每個<ul>分配顏色。 我可以將顏色保存到數據庫中，但是我不知道如何將其加載到CSS中，因為我必須選擇我不知道名稱的類並將一些顏色設置為background-color屬性。 這是我加載列表的方式： 

<ul class="<?php echo $stringTemp; ?>">

這被放置在while循環中。 現在，我需要幫助為每個列表添加背景色。

4 個解決方案

解決方案1
 3 已采納  2013-10-05 16:34:25

嗯，只是style="background-color: xxx" ？

解決方案2
 1  2013-10-05 16:50:05

<?php
echo "<style>
           .myClass {
                background-color:$stringTemp;
            }
 </style>";

 echo "<ul class='$myClass'>       </ul>";

 ?>

解決方案3
 0  2013-10-05 16:49:28

創建一個名為style.css的文件，並將其放入其中： 

ul.class-one { background-color: #000; }
ul.class-two { background-color: #F00; }
ul.class-etcetc...

並將其添加到您的HTML <head>部分： 

<link rel="stylesheet" type="text/html" src="style.css">

您可能已經知道如何執行此操作，我只是想讓其他閱讀此指南的人更全面。

解決方案4
 0  2013-10-05 16:49:53

試試這個吧 

<?php

        while()
        {
    echo"<ul class='".$stringTemp."'>";
        }
?>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 jQuery將CSS類添加到動態創建的元素中 為動態創建的類設置屬性無法在javascript中工作 （AngularJS）通過數據綁定動態設置CSS類 jQuery datepicker（）由ASP.net中的CSS類動態創建的TemplateFields 使用java腳本將css類添加到動態創建的行 如何在JavaScript中刪除/更改動態創建的CSS類 將類添加到一組動態創建的div的第一個div中 IE7：如何在javascript中為動態創建的元素設置“ class”屬性？ 根據記錄數據 lwc 動態設置 css class 在jQuery模板上，我如何動態設置CSS類？
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM