在CSS中，我们可以使用属性来为元素设置颜色。

input {color: #FF0000; /*设置文字颜色为红色*/background-color: #F5F5F5; /*设置背景颜色为浅灰色*/border-color: #CCCCCC; /*设置边框颜色为淡灰色*/}

其中，color属性用于设置文字颜色，background-color属性用于设置背景颜色，border-color属性用于设置边框颜色。

除了以上属性，我们还可以使用其它属性来进一步控制元素的颜色。

input:focus {color: #000000; /*设置输入时文字颜色为黑色*/background-color: #FFFFFF; /*设置输入时背景颜色为白色*/border-color: #0000FF; /*设置输入时边框颜色为蓝色*/}

在这段代码中，我们使用了:focus伪类，它表示当元素被选中时应用的样式。这样，当用户在输入框中输入内容时，输入框的颜色就会改变，提高了用户体验。

除此之外，我们还可以使用:hover伪类来设置鼠标悬停时元素的颜色。

input:hover {color: #00FF00; /*设置鼠标悬停时文字颜色为绿色*/background-color: #FFFF00; /*设置鼠标悬停时背景颜色为黄色*/border-color: #FF00FF; /*设置鼠标悬停时边框颜色为紫色*/}

在这段代码中，我们使用了:hover伪类，它表示当鼠标悬停在元素上时应用的样式。这样，用户在输入框上悬停时，输入框的颜色就会改变，增加了互动性和用户体验。

CSS中，我们可以使用多个属性和伪类来精确控制元素的颜色。通过这些属性和伪类的应用，我们可以打造出漂亮、富有互动性的输入框。