正在回答 回答被采纳积分+1
4回答
SEO老鼠
2019-06-18 21:59:58
.input{ width: 510px; height: 372px; position: absolute; left: 50%; top: 50%; margin-left: -255px; margin-top: -186px; z-index: 2; } .input input{ display: block; width: 505px; height: 39px; border: 2px solid #A9A9A9; margin-bottom: 20px; background-color:transparent; } .input textarea{ display: block; width: 505px; height: 115px; border: 2px solid #A9A9A9; margin-bottom: 20px; background-color:transparent; } .input .submit{ width: 123px; margin:0 auto; color: #A9A9A9; } .input input:hover{ border: 2px solid #07cbc9; } .input textarea:hover{ border: 2px solid #07cbc9; } .input .submit:hover{ background: #07cbc9; border: none; }
送你了,自己研究下。
好帮手慕码
2019-06-13 10:16:33
同学你好!
(1)关于输入文字看不见。同学看下表单是不是被覆盖了,表单的层级要高于遮罩层和背景图片(层级高其它的时候文字是不会看不到的)如果是文字颜色太暗,可以给input设置color来修改输入文字的颜色
(2)一般来说是不会修改默认文字的颜色的(placeholder)因为它有兼容性,但是也可以修改,可以参考一下:
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: yellow; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: yellow; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:yellow; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:yellow; }
如果帮助到了你 欢迎采纳 祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星