css取消输入框默认样式 修改input输入框样式和点击时边框的改变？

修改input输入框样式和点击时边框的改变？关于输入框，浏览器将有自己的风格。如何修改输入框样式并点击样式如下。1. HTML编写时，有一个输入文本框和一个input type=button。2. 输

修改input输入框样式和点击时边框的改变？

关于输入框，浏览器将有自己的风格。如何修改输入框样式并点击样式如下。

1. HTML编写时，有一个输入文本框和一个input type=button。

2. 输入基本样式书写，占位符样式也可以修改，主要是去掉原来的输入样式，添加自己的样式。

3. 单击时，输入框的样式将更改。单击时可以添加动画。单击输入框时会出现阴影和颜色。

相关知识点：

1修改占位符的样式，文本缩进控制文本距离

2修改输入边框的样式，删除原来的样式

3单击时更改边框颜色和阴影，框内阴影发光的样式看起来更漂亮

4点的时候会添加动画

我觉得应该是用样式写的，比如边框属性。

然后通过JS获取输入的长度，输入一个字符占用一个网格。当数字超过6时，忽略以下6位或提示超过

宽度为100像素，高度为30像素

CSS语法

CSS规则由两个主要部分组成：选择器和一个或多个声明。

选择器通常是需要更改样式的HTML元素。

每个声明由一个属性和一个值组成。

属性是要设置的样式属性。每个属性都有一个值。属性和值用冒号分隔。

下一行将H1元素中文本的颜色定义为红色，并将字体大小设置为14像素。

在本例中，H1是选择器，color和font size是属性，red和14px是值。

下图显示了上述代码的结构：