收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1194|回复: 5

[CSS] 百度搜索框外表问题

[复制链接]
发表于 2016-9-4 21:19:54 | 显示全部楼层 |阅读模式
则是百度的,搜索框和按钮之间没有缝隙,而且搜索框获得焦点之后边比较细 baidu.png 这是我仿的,搜索框和按钮之间有缝隙,而且搜索框获得焦点之后边比较宽 ziji.png
发表于 2016-9-5 17:16:30 | 显示全部楼层
css设置属性:outline:none;
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-9-5 20:49:27 | 显示全部楼层
huerfei 发表于 2016-9-5 17:16
css设置属性:outline:none;

谢谢回复,按照你的回复设置之后,解决了边框有缝隙和获得焦点后边框线变宽的问题,可是文本框获得焦点的颜色效果也没了。这个改怎么改?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-9-5 20:56:26 | 显示全部楼层
本帖最后由 lczyfx 于 2016-9-5 20:57 编辑

 提示:您可以先修改部分代码再运行


以上是代码,可能有点乱,请各位见谅
回复 支持 反对

使用道具 举报

发表于 2016-9-6 17:19:49 | 显示全部楼层
第一 百度的那个框就不是用input做出来的 是用span做的 第二 没有outline的话 就没有获得焦点的颜色变化了 如果实在要在你现有的基础上改进的话 第一 可以用相对定位来解决有个缝的问题 第二 可以用JQuery的focus和blur来做出获得焦点和失去焦点的事件
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-9-6 18:15:44 | 显示全部楼层
Harryyang1990 发表于 2016-9-6 17:19
第一 百度的那个框就不是用input做出来的 是用span做的 第二 没有outline的话 就没有获得焦点的颜色变化了  ...

谢谢回复,我还以为是input做的呢……新手入门,还没学到JQ。我再改进改进
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-10-21 03:16 , Processed in 0.109099 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表