找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8373|回复: 13

[求助] Input点击时,如何取消按钮凹陷的状态

[复制链接]
发表于 2010-11-23 17:32:14 | 显示全部楼层 |阅读模式

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


根据版主的方法追加了STYLE,但是点击input,文字依然有晃动效果,如何才能使之静止呢?
如题,点击按钮时,按钮凹陷导致背景图错位,如何使点击时不凹陷?或背景图不移动?通过CSS为上~先谢谢了

[[i] 本帖最后由 cwq2jxl 于 2010-11-25 09:24 编辑 ]
发表于 2010-11-23 17:50:16 | 显示全部楼层
可以使用CSS
input{background:url();border:0;}
如果要鼠标经过改变背景,可以用A代替input,效果更容易控制;不使用A的话用伪类也可以,不过IE6 不认
回复 支持 反对

使用道具 举报

发表于 2010-11-24 14:11:26 | 显示全部楼层
lS的方法行么?
我试了下,还是向下点击的效果
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-11-25 09:25:22 | 显示全部楼层

回复:阿飞~~~~

根据版主的方法追加了STYLE,但是点击input,文字依然有晃动效果,如何才能使之静止呢?
回复 支持 反对

使用道具 举报

发表于 2010-11-27 16:00:28 | 显示全部楼层
直接用CSS 应该可以实现 定义btn的样式
回复 支持 反对

使用道具 举报

发表于 2010-11-30 01:06:12 | 显示全部楼层
UA默认样式,恐怕这又是个无准确解的问题。
回复 支持 反对

使用道具 举报

发表于 2010-11-30 08:52:43 | 显示全部楼层
把文字做在背景里
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-11-30 11:56:47 | 显示全部楼层

回复 9# 14px 的帖子

其实不光光文字会动,文字所在的区域都在动。。背景图也在动(目前项目中就是用的背景图,可是点击后背景图也是会动的,好难看的效果。。。)。。。所以。。很纠结。。
回复 支持 反对

使用道具 举报

发表于 2010-11-30 16:53:33 | 显示全部楼层
VALUE=""  去掉 直接用个背景图  就不会有你不想要的效果了  不过不知道这样做好不好
回复 支持 反对

使用道具 举报

发表于 2010-12-1 09:28:09 | 显示全部楼层

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


第一种方法在ie6下文字还是会晃动。火狐跟ie8是正常的。
第二种方法是直接插入图片,不知道这样是否可行?
回复 支持 反对

使用道具 举报

发表于 2010-12-1 09:29:04 | 显示全部楼层

回复 8# cwq2jxl [楼主] 的帖子

去掉边框,然后把文字做在背景里……
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-12-7 11:26:19 | 显示全部楼层

回复 11# 14px 的帖子

做到背景里,点击后还是会晃动的。。不信你试试。。
回复 支持 反对

使用道具 举报

发表于 2010-12-7 21:10:31 | 显示全部楼层

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


这样就只有 IE8 比较龌龊了。
回复 支持 反对

使用道具 举报

发表于 2010-12-8 08:34:37 | 显示全部楼层

回复 13# 14px 的帖子

在火狐下还是会晃动的。。。
发现加个* { margin:0 auto; padding:0; },就可以了
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-4-16 16:42 , Processed in 0.068616 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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