打印

[求助] input输入框的问题

alize [楼主]

悲剧小黑

高级会员

帖子: 337
体力: 602
威望: 0
当前: 四川成都
离线: 1 天

专长 UI,前端制作,JS

1^# 大中小发表于 2008-6-23 16:27

最近遇到一个问题.就是input输入框,我用图片做成圆角并且带有阴影效果.但是在FF下,居然无鼠标焦点提示.怎么点击输入框都无效.但是可以输入文字.
在IE下是正常的...
PS:还有一个问题..不知道大家遇到过没?
就是有的时候文字没显示出来...

[ 本帖最后由 alize 于 2008-6-23 16:51 编辑 ]

郁闷......

TOP

做西部数码代理.Cn1元国际45元 | IT专家提醒您此帖已被关注

alize [楼主]

悲剧小黑

高级会员

帖子: 337
体力: 602
威望: 0
当前: 四川成都
离线: 1 天

专长 UI,前端制作,JS

2^# 大中小发表于 2008-6-23 16:35

贴2个图上来,那个输入框没办法贴图

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

郁闷......

TOP

【美橙超级G空间】688元绑定10个子目录

jxdawei

大伟

版主

帖子: 1734
体力: 2883
威望: 82
当前: 广东广州

专长 前端制作

3^# 大中小发表于 2008-6-23 16:51

你没有提供代码，我不知道你的问题出在哪里，给一个类似的例子，希望对你有用！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
	* {
	margin:0;padding:0;
}
	.search{
	background:white url(http://img.alimama.cn/images/bg/new_head2.gif) left -80px repeat-x;height:50px;padding:10px;
}
	.left{
	float:left;width:14px;background:transparent url(http://img.alimama.cn/images/bg/new_head2.gif) left -400px no-repeat;height:22px;
}
	.right{
	float:left;width:14px;background:transparent url(http://img.alimama.cn/images/bg/new_head2.gif) right -400px no-repeat;height:22px;
}
	.bgText {
	border:0;float:left;background:transparent url(http://img.alimama.cn/images/bg/new_head2.gif) left -430px repeat-x;width:300px;line-height:14px;height:17px;padding-top:5px;
}
</style>
</head>
<body>
	<div class="search">
		<span class="left"></span>
		<input type="text" class="bgText" />
		<span class="right"></span>
	</div>
</body>
</html>

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

[ 本帖最后由 jxdawei 于 2008-6-23 16:54 编辑 ]

F博客

TOP

请大家尊重和保护奥运知识产权。

alize [楼主]

悲剧小黑

高级会员

帖子: 337
体力: 602
威望: 0
当前: 四川成都
离线: 1 天

专长 UI,前端制作,JS

4^# 大中小发表于 2008-6-23 16:59

<span style="background:url(input_left.gif) no-repeat center left; width:5px; height:23px; float:left;"></span>
            <input style="width:102px; background:url(input_mid.gif) repeat-x; border:0px; height:20px; float:left; font-size:12px; padding-top:3px;" onfocus="this.select()" type="text" class="xtools_input_text" name="keyword" value="" >
            <span style="background:url(input_right.gif) no-repeat; width:5px; height:23px; float:left;"></span>
我是这样写的...
  为啥就不可以

[ 本帖最后由 alize 于 2008-6-23 17:07 编辑 ]

郁闷......

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

alize [楼主]

悲剧小黑

高级会员

帖子: 337
体力: 602
威望: 0
当前: 四川成都
离线: 1 天

专长 UI,前端制作,JS

5^# 大中小发表于 2008-6-23 17:14

当点击2个输入框后就不能点击第三个..有js在里面的..
有点像QQ那种伸缩效果的
输入文字没的问题..但是就是鼠标点这个框的时候没的提示那个效果.

[ 本帖最后由 alize 于 2008-6-23 17:16 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

郁闷......

TOP

hcbeta

新手上路

帖子: 4
体力: 14
威望: 0
离线: 2 天

6^# 大中小发表于 2008-6-23 21:17

换ff3

TOP

alize [楼主]

悲剧小黑

高级会员

帖子: 337
体力: 602
威望: 0
当前: 四川成都
离线: 1 天

专长 UI,前端制作,JS

7^# 大中小发表于 2008-6-24 13:08

那个在IE里面不能显示的文字是什么问题?

郁闷......

TOP

before

新手上路

帖子: 2
体力: 0
威望: 0
当前: 北京朝阳区

8^# 大中小发表于 2008-6-24 17:48

给input写上 padding:×px ×px ×px ×px; ×为同一数字时在FF3下值会有不同.

TOP

alize [楼主]

悲剧小黑

高级会员

帖子: 337
体力: 602
威望: 0
当前: 四川成都
离线: 1 天

专长 UI,前端制作,JS

9^# 大中小发表于 2008-6-25 16:01

好像据说这个是FF 下自身的问题..现在不处理了. 由于是写了jqury框架的东西..

郁闷......

TOP