css 怎么做

业余编程人士 发布于 2018/08/15 18:04
阅读 131
收藏 0

 

怎么把Hide 字体放在input里面 ,如图样子 hIde 不能作为input传输到后台 只是一个页面文字而已 请高手写个css给我谢谢

加载中
0
独行的蜗牛

因为input没有伪类伪元素,可以在input外套层label,下面代码

label{position: relative;}
        label:after{content: "Hide"; display: inline-block; height:19px; position: absolute; top: 3px; right:0; color: green;}
        input{padding-right:40px;}

dom代码:

<label><input type="text" value="123"></label>

不知道这是不是你想要的,类似方法也可以用其他元素定位到input里面

 

 

业余编程人士
业余编程人士
谢谢!
0
独行的蜗牛
利用CSS伪类content:“Hide”
业余编程人士
业余编程人士
请上代码
返回顶部
顶部