怎样用CSS实现文本框这个功能?

一个文本框看上去和一般的文本框一样,但是当你用鼠标点击之后,文本框稍微出现了一点不同,就是左边框和下边框都在原来的基础之上增加了一PX,给人感觉要舒服一些,而且也明显一点... 一个文本框看上去和一般的文本框一样,但是当你用鼠标点击之后,文本框稍微出现了一点不同,就是左边框和下边框都在原来的基础之上增加了一PX,给人感觉要舒服一些,而且也明显一点,请问这个效果是怎么实现的?
谢谢!!!
展开
 我来答
百度网友330f355
2015-09-27 · TA获得超过297个赞
知道小有建树答主
回答量:133
采纳率:0%
帮助的人:66.5万
展开全部
文本框的标准形式是<input type="text">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友c4249ef
2009-08-11 · TA获得超过4866个赞
知道大有可为答主
回答量:1855
采纳率:0%
帮助的人:3205万
展开全部
<style>
.new{
border-left-width:2px;
border-bottom-width:2px;
border-top-width:1px;
border-right-width:1px;
border-color:black;
}
.old
{
border-width:1px;
border-color:black;
}
</style>
<INPUT NAME="txt" TYPE="text" SIZE="29" class="old" onclick="this.className='new'" onblur="this.className='old'">
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
呼天韵0If
2009-08-11 · TA获得超过202个赞
知道小有建树答主
回答量:220
采纳率:0%
帮助的人:163万
展开全部
用js实现的 你可以在百度上去搜一下 如 网站文本框特效 或找一些网页特效软件有更多功能 我现在用的是网页特效梦工厂
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式