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

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

http://img1.sycdn.imooc.com//climg/5be2ae2a0001c1d805040329.jpg

如图:

  1. 老师您好,在实际用的时候,我发现输入内边框与所输入的内容(第一个字符)距离非常近,非常不美观有时不容易辨识,请问怎么增加表单边框与输入内容之间的距离距离。

  2. 透明元素非常漂亮,但是问题接踵而至,如图,这题要求表单为透明色,但是设置完透明后,输入到里面的字符也会变透明,且几乎看不到,我之前问了好几遍总是让我写代码,我觉得没必要。就是简单的表单设置了opacity属性为0.5,其他的没有任何奇怪操作,因为其他的我也不会。。。。。

    苹果引领了透明风尚iCloud用IE都进不去而里面的透明元素非常漂亮,请老师务必交给我如何解决,感激不尽~!

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好,1、您可以利用padding-left 和padding-top这个属性进行控制,但是会或多或少改变容器的大小,

如果你要让边框大小不变的话,记住div的盒模型:

margin-border-padding-conter(div的大小)-padding-border-margin;

也就是说,如果你padding增加了10个像素,为了让border不变,相应的,你的height、width都要减少2*10个像素(左右各10个像素,上下各10个像素)



至于设置透明的问题之前老师已经帮忙解答,建议按照老师的说法操作演示一遍:

http://img1.sycdn.imooc.com//climg/5be2bba20001588b07430154.jpg

请学生体谅,每个人的环境以及编写代码的习惯不同,出现的问题也是各种情况都有,为了准确解决您的问题,还是要贴出涉及的代码的,祝学习愉快!

  • 轩辕小齐V 提问者 #1
    老师,我去试试,但好像input用内边距是不行滴,我以前好像试过
    2018-11-07 20:00:25
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
PHP小白零基础入门
  • 参与学习           人
  • 提交作业       626    份
  • 解答问题       4928    个

想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师