小问题。请问CSS如何做以下搜索框的效果。JS也行

请问CSS如何做以下搜索框的效果。JS也行。主要是搜索框获得焦点后的状态。(边框有渐变光晕效果的)我个人认为要用PS处理,求大神给个思路。或者发个代码最好了。... 请问CSS如何做以下搜索框的效果。JS也行。
主要是搜索框获得焦点后的状态。(边框有渐变光晕效果的)
我个人认为要用PS处理,求大神给个思路。或者发个代码最好了。
展开
 我来答
晚上天黑了吗
推荐于2016-06-29 · 超过10用户采纳过TA的回答
知道答主
回答量:24
采纳率:0%
帮助的人:19.5万
展开全部
不好意思刚弄错了,box-shadow是吧?这个代码在chrome里可以。

<html>
 <head>
  <title>测试</title>
  <style type="text/css">
   .inputBox{
    border:3px solid rgb(247, 242, 242);
    width:350px;
    height:30px;
   }
   .inputBox:focus{
    border:1px solid rgb(212, 235, 247);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
   }
   .btnBox{
    width:50px;
    height:30px;
    background:white;
   }
  </style>
 </head>
 <body>
  <input type="text" class="inputBox">
  <input type="button" value="Go!" class="btnBox"></input>
 </body>
</html>

追问
在IE浏览器下颜色太淡了。除了写入颜色代码还有什么办法呢?大神。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式