Question

input输入框怎么改变框的颜色？？？？

Answer 1

直接使用css来设置input的border的值来修改input的边框值即可。

border 简写属性在一个声明设置所有的边框属性，可以按顺序设置如下属性：

border-width

border-style

border-color

如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。

工具原料：编辑器、浏览器

1、通过设置input的css来改变input边框的值，代码如下：

body>
	<input type="text" />
	<style>
		input {
			border: 1px solid #090;
		}
	</style>
	</script>

	
</body>

2、运行的效果如下图：

Answer 2

• html的写法，有一个input文本框和一个input type=button的按钮。

  

• input的基本样式书写，placeholder的样式也可以修改，主要去掉原有的input样式，加入自己的样式

• 点击时，input输入框样式改变，可以为点击时加入动画，点击输入框时有阴影和颜色。

• 最后成果展示

  

• 5

  涉及到的知识点，

  1 placeholder的样式修改 ,text-indent控制文字距离

  2 input边框的样式修改 ，去掉原有样式

  3 点击时边框颜色和阴影的变化 box-shadow内发光样式貌似比较好看

  4 点击时会有动画加入 

Answer 3

<input type="text" style="background-color:pink;color:red;border-color:green">

style里面依此是框内背景颜色，框内容颜色，边框颜色

追问

573693104我还有其他问题，麻烦你教我一下