# WColorSelectInput

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`value` | String | `'#FFFFFF'` | No | 輸入顏色字串，預設'#FFFFFF'
`size` | Number | `200` | No | 輸入尺寸數字，代表組件基礎寬度與將自動計算高度，單位px，預設200
`borderColor` | String | `'#ddd'` | No | 輸入邊框顏色字串，預設'#ddd'
`borderColorHover` | String | `'#ccc'` | No | 輸入滑鼠移入時邊框顏色字串，預設'#ccc'
`borderColorActive` | String | `'#777'` | No | 輸入主動模式時邊框顏色字串，預設'#777'
`backgroundColor` | String | `'transparent'` | No | 輸入背景顏色字串，預設'transparent'
`menuBorderRadius` | Number | `4` | No | 輸入框圓角度數字，單位為px，預設4
`menuBackgroundColor` | String | `'#fff'` | No | 輸入選單背景顏色字串，預設'#fff'
`menuBackgroundColorHover` | String | `'#f9f9f9'` | No | 輸入滑鼠移入時選單背景顏色字串，預設'#f9f9f9'
`menuBackgroundColorActive` | String | `'#f2f2f2'` | No | 輸入主動模式時選單背景顏色字串，預設'#f2f2f2'
`menuTextColor` | String | `'#444'` | No | 輸入選單文字顏色字串，預設'#444'
`menuTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時選單文字顏色字串，預設'#222'
`menuTextColorActive` | String | `'#000'` | No | 輸入主動模式時選單文字顏色字串，預設'#000'
`menuTextFontSize` | String | `'0.8rem'` | No | 輸入選單文字字型大小字串，預設'0.8rem'
`inputBorderRadius` | Number | `4` | No | 輸入顏色數字輸入區邊框圓角度數字，單位為px，預設4
`inputBorderColor` | String | `'#ccc'` | No | 輸入顏色數字輸入區邊框顏色字串，預設'#ccc'
`inputBorderColorHover` | String | `'#b5b5b5'` | No | 輸入滑鼠移入時顏色數字輸入區邊框顏色字串，預設'#b5b5b5'
`inputBorderColorActive` | String | `'#aaa'` | No | 輸入主動模式時顏色數字輸入區邊框顏色字串，預設'#aaa'
`inputBackgroundColor` | String | `'#fff'` | No | 輸入顏色數字輸入區背景顏色字串，預設'#fff'
`inputBackgroundColorHover` | String | `'#fafafa'` | No | 輸入滑鼠移入時顏色數字輸入區背景顏色字串，預設'#fafafa'
`inputBackgroundColorActive` | String | `'#f2f2f2'` | No | 輸入主動模式時顏色數字輸入區背景顏色字串，預設'#f2f2f2'
`inputTextColor` | String | `'#000'` | No | 輸入顏色數字輸入區文字顏色字串，預設'#000'
`inputTextFontSize` | String | `'0.8rem'` | No | 輸入顏色數字輸入區文字字型大小字串，預設'0.8rem'
`inputTextWidth` | Number | `38` | No | 輸入顏色數字輸入區寬度數字，單位為px，預設38
`inputTextHeight` | Number | `18` | No | 輸入顏色數字輸入區高度數字，單位為px，預設18
`inputLabelWidth` | Number | `12` | No | 輸入顏色數字輸入區標題寬度數字，單位為px，預設12
`inputLabelColor` | String | `'#666'` | No | 輸入文字顏色字串，預設'#666'
`inputLabelFontSize` | String | `'0.8rem'` | No | 輸入文字字型大小字串，預設'0.8rem'
`barProgHeight` | Number | `4` | No | 輸入值域條高度數字，單位為px，預設4
`barProgColor` | String | `'#74a4d9'` | No | 輸入值域條顏色字串，預設'#74a4d9'
`barProgBackgroundColor` | String | `'#eee'` | No | 輸入值域條背景顏色字串，預設'#eee'
`barSliderSize` | Number | `10` | No | 輸入拖曳球尺寸數字，單位為px，預設10
`barSliderBackgroundColor` | String | `'#1565C0'` | No | 輸入拖曳球背景顏色字串，預設'#1565C0'
`barSliderBackgroundColorHover` | String | `'#1976D2'` | No | 輸入滑鼠移入時拖曳球背景顏色字串，預設'#1976D2'

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`value` | String | `'#FFFFFF'` | No | 輸入顏色字串，預設'#FFFFFF'
`size` | Number | `200` | No | 輸入尺寸數字，代表組件基礎寬度與將自動計算高度，單位px，預設200
`borderColor` | String | `'#ddd'` | No | 輸入邊框顏色字串，預設'#ddd'
`borderColorHover` | String | `'#ccc'` | No | 輸入滑鼠移入時邊框顏色字串，預設'#ccc'
`borderColorActive` | String | `'#777'` | No | 輸入主動模式時邊框顏色字串，預設'#777'
`backgroundColor` | String | `'transparent'` | No | 輸入背景顏色字串，預設'transparent'
`menuBorderRadius` | Number | `4` | No | 輸入框圓角度數字，單位為px，預設4
`menuBackgroundColor` | String | `'#fff'` | No | 輸入選單背景顏色字串，預設'#fff'
`menuBackgroundColorHover` | String | `'#f9f9f9'` | No | 輸入滑鼠移入時選單背景顏色字串，預設'#f9f9f9'
`menuBackgroundColorActive` | String | `'#f2f2f2'` | No | 輸入主動模式時選單背景顏色字串，預設'#f2f2f2'
`menuTextColor` | String | `'#444'` | No | 輸入選單文字顏色字串，預設'#444'
`menuTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時選單文字顏色字串，預設'#222'
`menuTextColorActive` | String | `'#000'` | No | 輸入主動模式時選單文字顏色字串，預設'#000'
`menuTextFontSize` | String | `'0.8rem'` | No | 輸入選單文字字型大小字串，預設'0.8rem'
`inputBorderRadius` | Number | `4` | No | 輸入顏色數字輸入區邊框圓角度數字，單位為px，預設4
`inputBorderColor` | String | `'#ccc'` | No | 輸入顏色數字輸入區邊框顏色字串，預設'#ccc'
`inputBorderColorHover` | String | `'#b5b5b5'` | No | 輸入滑鼠移入時顏色數字輸入區邊框顏色字串，預設'#b5b5b5'
`inputBorderColorActive` | String | `'#aaa'` | No | 輸入主動模式時顏色數字輸入區邊框顏色字串，預設'#aaa'
`inputBackgroundColor` | String | `'#fff'` | No | 輸入顏色數字輸入區背景顏色字串，預設'#fff'
`inputBackgroundColorHover` | String | `'#fafafa'` | No | 輸入滑鼠移入時顏色數字輸入區背景顏色字串，預設'#fafafa'
`inputBackgroundColorActive` | String | `'#f2f2f2'` | No | 輸入主動模式時顏色數字輸入區背景顏色字串，預設'#f2f2f2'
`inputTextColor` | String | `'#000'` | No | 輸入顏色數字輸入區文字顏色字串，預設'#000'
`inputTextFontSize` | String | `'0.8rem'` | No | 輸入顏色數字輸入區文字字型大小字串，預設'0.8rem'
`inputTextWidth` | Number | `38` | No | 輸入顏色數字輸入區寬度數字，單位為px，預設38
`inputTextHeight` | Number | `18` | No | 輸入顏色數字輸入區高度數字，單位為px，預設18
`inputLabelWidth` | Number | `12` | No | 輸入顏色數字輸入區標題寬度數字，單位為px，預設12
`inputLabelColor` | String | `'#666'` | No | 輸入文字顏色字串，預設'#666'
`inputLabelFontSize` | String | `'0.8rem'` | No | 輸入文字字型大小字串，預設'0.8rem'
`barProgHeight` | Number | `4` | No | 輸入值域條高度數字，單位為px，預設4
`barProgColor` | String | `'#74a4d9'` | No | 輸入值域條顏色字串，預設'#74a4d9'
`barProgBackgroundColor` | String | `'#eee'` | No | 輸入值域條背景顏色字串，預設'#eee'
`barSliderSize` | Number | `10` | No | 輸入拖曳球尺寸數字，單位為px，預設10
`barSliderBackgroundColor` | String | `'#1565C0'` | No | 輸入拖曳球背景顏色字串，預設'#1565C0'
`barSliderBackgroundColorHover` | String | `'#1976D2'` | No | 輸入滑鼠移入時拖曳球背景顏色字串，預設'#1976D2'