怎样用CSS实现文本框这个功能?
一个文本框看上去和一般的文本框一样,但是当你用鼠标点击之后,文本框稍微出现了一点不同,就是左边框和下边框都在原来的基础之上增加了一PX,给人感觉要舒服一些,而且也明显一点...
一个文本框看上去和一般的文本框一样,但是当你用鼠标点击之后,文本框稍微出现了一点不同,就是左边框和下边框都在原来的基础之上增加了一PX,给人感觉要舒服一些,而且也明显一点,请问这个效果是怎么实现的?
谢谢!!! 展开
谢谢!!! 展开
3个回答
展开全部
文本框的标准形式是<input type="text">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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'">
.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'">
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用js实现的 你可以在百度上去搜一下 如 网站文本框特效 或找一些网页特效软件有更多功能 我现在用的是网页特效梦工厂
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询