请问老师如何增加输入框内边与所输入的字符(第一个)之间的距离?

如图:
老师您好,在实际用的时候,我发现输入内边框与所输入的内容(第一个字符)距离非常近,非常不美观有时不容易辨识,请问怎么增加表单边框与输入内容之间的距离距离。
透明元素非常漂亮,但是问题接踵而至,如图,这题要求表单为透明色,但是设置完透明后,输入到里面的字符也会变透明,且几乎看不到,我之前问了好几遍总是让我写代码,我觉得没必要。就是简单的表单设置了opacity属性为0.5,其他的没有任何奇怪操作,因为其他的我也不会。。。。。
苹果引领了透明风尚iCloud用IE都进不去而里面的透明元素非常漂亮,请老师务必交给我如何解决,感激不尽~!
正在回答
你好,1、您可以利用padding-left 和padding-top这个属性进行控制,但是会或多或少改变容器的大小,
如果你要让边框大小不变的话,记住div的盒模型:
margin-border-padding-conter(div的大小)-padding-border-margin;
也就是说,如果你padding增加了10个像素,为了让border不变,相应的,你的height、width都要减少2*10个像素(左右各10个像素,上下各10个像素)
至于设置透明的问题之前老师已经帮忙解答,建议按照老师的说法操作演示一遍:

请学生体谅,每个人的环境以及编写代码的习惯不同,出现的问题也是各种情况都有,为了准确解决您的问题,还是要贴出涉及的代码的,祝学习愉快!
- 参与学习 人
- 提交作业 626 份
- 解答问题 4928 个
想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星