css3 input active

CSS3的input active样式是指当用户点击输入框时，该输入框所对应的样式。常见的input active样式有边框变色，背景色变化，字体颜色变化等。

input[type=text]:active {
      border-color: red;
      background-color: #fff;
      color: #000;
}

上述代码是一个简单的input active样式示例，表示当用户点击文本输入框时，该输入框的边框颜色会变成红色，背景色变为白色，字体颜色变成黑色。

input:focus {
      outline: none;
      box-shadow: 0 0 5px #ccc;
}
    

上述代码是另一个常见的input active样式，表示当用户点击文本输入框时，该输入框的边框会变为灰色的阴影。

使用CSS3的input active样式可以让网页更加动态，增加用户交互性。但是需要注意的是，过于花哨的样式可能会影响用户体验，需要在保证样式美观的前提下，尽量简洁明了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！