我在做内容管理系统的时候,遇到一个问题,就是采编们常常抱怨说,标题能不能自由选择颜色,所以我想了一个办法,就是做了一个颜色下拉框来选择颜色,但是我该怎么在后台实现呢?比如:我在后台添加文章的时候,标题我要红色区分一下,这个功能怎么实现?

解决方案 »

  1.   

    由此我写了一个颜色下拉框,可供自由选择颜色,代码如下:<SELECT name=color> 
    <OPTION 
            style="COLOR: #f0f8ff; BACKGROUND-COLOR: #f0f8ff" value=#F0F8FF>#F0F8FF</OPTION> <OPTION 
            style="COLOR: #faebd7; BACKGROUND-COLOR: #faebd7" value=#FAEBD7>#FAEBD7</OPTION> <OPTION 
            style="COLOR: #00ffff; BACKGROUND-COLOR: #00ffff" value=#00FFFF>#00FFFF</OPTION> <OPTION 
            style="COLOR: #7fffd4; BACKGROUND-COLOR: #7fffd4" value=#7FFFD4>#7FFFD4</OPTION> <OPTION 
            style="COLOR: #f0ffff; BACKGROUND-COLOR: #f0ffff" value=#F0FFFF>#F0FFFF</OPTION> <OPTION 
            style="COLOR: #f5f5dc; BACKGROUND-COLOR: #f5f5dc" value=#F5F5DC>#F5F5DC</OPTION> <OPTION 
            style="COLOR: #ffe4c4; BACKGROUND-COLOR: #ffe4c4" value=#FFE4C4>#FFE4C4</OPTION> <OPTION 
            style="COLOR: #000000; BACKGROUND-COLOR: #000000" value=#000000>#000000</OPTION> <OPTION 
            style="COLOR: #ffebcd; BACKGROUND-COLOR: #ffebcd" value=#FFEBCD>#FFEBCD</OPTION> <OPTION 
            style="COLOR: #0000ff; BACKGROUND-COLOR: #0000ff" value=#0000FF>#0000FF</OPTION> <OPTION 
            style="COLOR: #8a2be2; BACKGROUND-COLOR: #8a2be2" value=#8A2BE2>#8A2BE2</OPTION> <OPTION 
            style="COLOR: #a52a2a; BACKGROUND-COLOR: #a52a2a" value=#A52A2A>#A52A2A</OPTION> <OPTION 
            style="COLOR: #deb887; BACKGROUND-COLOR: #deb887" value=#DEB887>#DEB887</OPTION> <OPTION 
            style="COLOR: #5f9ea0; BACKGROUND-COLOR: #5f9ea0" value=#5F9EA0>#5F9EA0</OPTION> <OPTION 
            style="COLOR: #7fff00; BACKGROUND-COLOR: #7fff00" value=#7FFF00>#7FFF00</OPTION> <OPTION 
            style="COLOR: #d2691e; BACKGROUND-COLOR: #d2691e" value=#D2691E>#D2691E</OPTION> <OPTION 
            style="COLOR: #ff7f50; BACKGROUND-COLOR: #ff7f50" value=#FF7F50>#FF7F50</OPTION> <OPTION 
            style="COLOR: #6495ed; BACKGROUND-COLOR: #6495ed" value=#6495ED>#6495ED</OPTION> <OPTION 
            style="COLOR: #fff8dc; BACKGROUND-COLOR: #fff8dc" value=#FFF8DC>#FFF8DC</OPTION> <OPTION 
            style="COLOR: #dc143c; BACKGROUND-COLOR: #dc143c" value=#DC143C>#DC143C</OPTION> <OPTION 
            style="COLOR: #00ffff; BACKGROUND-COLOR: #00ffff" value=#00FFFF>#00FFFF</OPTION> <OPTION 
            style="COLOR: #00008b; BACKGROUND-COLOR: #00008b" value=#00008B>#00008B</OPTION> <OPTION 
            style="COLOR: #008b8b; BACKGROUND-COLOR: #008b8b" value=#008B8B>#008B8B</OPTION> <OPTION 
            style="COLOR: #b8860b; BACKGROUND-COLOR: #b8860b" value=#B8860B>#B8860B</OPTION> <OPTION 
            style="COLOR: #a9a9a9; BACKGROUND-COLOR: #a9a9a9" value=#A9A9A9>#A9A9A9</OPTION> <OPTION 
            style="COLOR: #006400; BACKGROUND-COLOR: #006400" value=#006400>#006400</OPTION> <OPTION 
            style="COLOR: #bdb76b; BACKGROUND-COLOR: #bdb76b" value=#BDB76B>#BDB76B</OPTION> <OPTION 
            style="COLOR: #8b008b; BACKGROUND-COLOR: #8b008b" value=#8B008B>#8B008B</OPTION> <OPTION 
            style="COLOR: #556b2f; BACKGROUND-COLOR: #556b2f" value=#556B2F>#556B2F</OPTION> <OPTION 
            style="COLOR: #ff8c00; BACKGROUND-COLOR: #ff8c00" value=#FF8C00>#FF8C00</OPTION> <OPTION 
            style="COLOR: #9932cc; BACKGROUND-COLOR: #9932cc" value=#9932CC>#9932CC</OPTION> <OPTION 
            style="COLOR: #8b0000; BACKGROUND-COLOR: #8b0000" value=#8B0000>#8B0000</OPTION> <OPTION 
            style="COLOR: #e9967a; BACKGROUND-COLOR: #e9967a" value=#E9967A>#E9967A</OPTION> <OPTION 
            style="COLOR: #8fbc8f; BACKGROUND-COLOR: #8fbc8f" value=#8FBC8F>#8FBC8F</OPTION> <OPTION 
            style="COLOR: #483d8b; BACKGROUND-COLOR: #483d8b" value=#483D8B>#483D8B</OPTION> <OPTION 
            style="COLOR: #2f4f4f; BACKGROUND-COLOR: #2f4f4f" value=#2F4F4F>#2F4F4F</OPTION> <OPTION 
            style="COLOR: #00ced1; BACKGROUND-COLOR: #00ced1" value=#00CED1>#00CED1</OPTION> <OPTION 
            style="COLOR: #9400d3; BACKGROUND-COLOR: #9400d3" value=#9400D3>#9400D3</OPTION> <OPTION 
            style="COLOR: #ff1493; BACKGROUND-COLOR: #ff1493" value=#FF1493>#FF1493</OPTION> <OPTION 
            style="COLOR: #00bfff; BACKGROUND-COLOR: #00bfff" value=#00BFFF>#00BFFF</OPTION> <OPTION 
            style="COLOR: #696969; BACKGROUND-COLOR: #696969" value=#696969>#696969</OPTION> <OPTION 
            style="COLOR: #1e90ff; BACKGROUND-COLOR: #1e90ff" value=#1E90FF>#1E90FF</OPTION> <OPTION 
            style="COLOR: #b22222; BACKGROUND-COLOR: #b22222" value=#B22222>#B22222</OPTION> <OPTION 
            style="COLOR: #fffaf0; BACKGROUND-COLOR: #fffaf0" value=#FFFAF0>#FFFAF0</OPTION> <OPTION 
            style="COLOR: #228b22; BACKGROUND-COLOR: #228b22" value=#228B22>#228B22</OPTION> <OPTION 
            style="COLOR: #ff00ff; BACKGROUND-COLOR: #ff00ff" value=#FF00FF>#FF00FF</OPTION> <OPTION 
            style="COLOR: #dcdcdc; BACKGROUND-COLOR: #dcdcdc" value=#DCDCDC>#DCDCDC</OPTION> <OPTION 
            style="COLOR: #f8f8ff; BACKGROUND-COLOR: #f8f8ff" value=#F8F8FF>#F8F8FF</OPTION> <OPTION 
            style="COLOR: #ffd700; BACKGROUND-COLOR: #ffd700" value=#FFD700>#FFD700</OPTION> <OPTION 
            style="COLOR: #daa520; BACKGROUND-COLOR: #daa520" value=#DAA520>#DAA520</OPTION> <OPTION 
            style="COLOR: #808080; BACKGROUND-COLOR: #808080" value=#808080>#808080</OPTION> <OPTION 
            style="COLOR: #008000; BACKGROUND-COLOR: #008000" value=#008000>#008000</OPTION> <OPTION 
            style="COLOR: #adff2f; BACKGROUND-COLOR: #adff2f" value=#ADFF2F>#ADFF2F</OPTION> <OPTION 
            style="COLOR: #f0fff0; BACKGROUND-COLOR: #f0fff0" value=#F0FFF0>#F0FFF0</OPTION> <OPTION 
            style="COLOR: #ff69b4; BACKGROUND-COLOR: #ff69b4" value=#FF69B4>#FF69B4</OPTION> <OPTION 
            style="COLOR: #cd5c5c; BACKGROUND-COLOR: #cd5c5c" value=#CD5C5C>#CD5C5C</OPTION> <OPTION 
            style="COLOR: #4b0082; BACKGROUND-COLOR: #4b0082" value=#4B0082>#4B0082</OPTION> <OPTION 
            style="COLOR: #fffff0; BACKGROUND-COLOR: #fffff0" value=#FFFFF0>#FFFFF0</OPTION> <OPTION 
            style="COLOR: #f0e68c; BACKGROUND-COLOR: #f0e68c" value=#F0E68C>#F0E68C</OPTION> <OPTION 
            style="COLOR: #e6e6fa; BACKGROUND-COLOR: #e6e6fa" value=#E6E6FA>#E6E6FA</OPTION> <OPTION 
            style="COLOR: #fff0f5; BACKGROUND-COLOR: #fff0f5" value=#FFF0F5>#FFF0F5</OPTION> <OPTION 
            style="COLOR: #7cfc00; BACKGROUND-COLOR: #7cfc00" value=#7CFC00>#7CFC00</OPTION> <OPTION 
            style="COLOR: #fffacd; BACKGROUND-COLOR: #fffacd" value=#FFFACD>#FFFACD</OPTION> <OPTION <OPTION value=0 
          selected>请选择</OPTION></SELECT>那么我该怎么在 后台 控制呢,代码该怎么写?希望高手达人们能帮助我解决这个难题。。
      

  2.   

    看来 CSDN没有高手了。N小时过去居然没有人看帖子。晕说不定人气已经不如以前了
      

  3.   

    很简单啊,把颜色写到一个字段里,显示的时候取这个颜色写到 <font color=></font>代码里就行了