#selectedcolor {
border:1px solid #e3e3e3;
width:80%;
height:300px;
margin:auto;
}
#divpreview {
border:1px solid #e3e3e3;
width:80px;
height:20px;
margin:auto;
visibility:hidden;
}
.colorTable, #colorhexDIV, #colorrgbDIV, #colorhsvDIV, #colorhslDIV, #colornamDIV {
font-family:Consolas, 'Courier New', Courier, monospace;
}
#colorhexDIV, #colorrgbDIV, #colorhslDIV, #colorhsvDIV, #colornamDIV {
font-size:18px;
}
#wronginputDIV {
text-align:left;
position:absolute;
margin:4px 10px;
color:#a94442;
display:none;
}
.has-error input{
border:1px solid red;
}
#entercolorDIV input,#entercolorDIV button{
height:28px;
}
#entercolorDIV input{
width:80%;
border:1px solid #d3d3d3;
border-right:none;
}
HTML 拾色器
选取颜色:
或输入颜色值:
Wrong Input
或使用 HTML5:
|
选择的颜色:
黑色文本
阴影
白色文本
阴影
|
|
RGB (Red, Green, Blue)