css文本框浮动变色 |css table 水平滚动条

input[type=text]{
background-color: #f2f2f2;
padding: 15px;
border: none;
width: 50%;
float: left;
margin-right: 10px;
}
input[type=text]:hover {
background-color: #ddd;
}

在上面的代码中，首先针对文本框输入框设置了样式。其中，input[type=text]选择器用于针对只包含文本的输入框设置样式。通过设置background-color属性、padding属性和border属性，可以实现一个简单的文本框样式。同时，由于需要将文本框浮动到左侧，所以设置了float:left和margin-right:10px属性。

随后，在:hover伪类中，通过设置background-color属性，对文本框的背景色进行变化。当用户将鼠标放在文本框上时，文本框的背景色会变为#ddd，从而实现了一个简单的文本框浮动变色效果。

当然，实际应用中，可以根据具体设计要求，对文本框样式和:hover伪类进行修改，以实现更加丰富的文本框浮动变色效果。同时，也可以结合JavaScript等技术，对文本框进行更加精细的交互效果设置。