weixin_38422826 2017-10-30 09:41 采纳率: 0%
浏览 849

搜索栏的搜索标 应该如何实现实际效果。

写的代码如下:
<!DOCTYPE html>



菜鸟教程(runoob.com)



div{ border:2px solid white; height: 50px; border-radius:20px; background:rgb(75,75,75); } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border-radius:3px; } li { margin-top:9px; float: left; border-right: 1px solid white; height:35px; } li a { display: inline-block; color: white; text-align: center; padding: 14px 9px; line-height:3px; text-decoration: none; } li a:hover { background-color:rgba(255,255,255,0.5); }



制作的搜索框效果如下:
图片说明

而我想要的搜索框应该是这样子的:
图片说明

求大牛指点 应该怎样修改代码达到想要的搜索框效果?

  • 写回答

2条回答 默认 最新

  • 刘鹏博. 2017-10-31 01:38
    关注

    input框中默认提示字的设置方法:在input标签中写placeholder="要提示的字" 属性。
    例如上图可写为:

    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题