Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么设置框阴影在Chrome中不起作用？_Javascript - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 为什么设置框阴影在Chrome中不起作用？

Javascript 为什么设置框阴影在Chrome中不起作用？

javascript

Javascript 为什么设置框阴影在Chrome中不起作用？,javascript,Javascript,这是javascript <script type="text/javascript"> function Change(obj, evt) { if(evt.type=="focus") obj.className ="textboxOnClickStyle"; else if(evt.type=="blur") obj.className ="textboxStyle"; } </script> 据此(及)。

这是javascript

 <script type="text/javascript">
 function Change(obj, evt)
 {
    if(evt.type=="focus")
        obj.className ="textboxOnClickStyle";

    else if(evt.type=="blur")
       obj.className ="textboxStyle";
 }
 </script>
据此(及)。您需要设置一个显式的
边框
，作为一种解决方法，以使其正常工作

.textboxOnClickStyle {
  -moz-box-shadow: 0 0 10px 1px #6DC421;
  -webkit-box-shadow: 0 0 10px 1px #6DC421;
  box-shadow: 0 0 10px 1px #6DC421;
  border: none;
}
显示CSS。我们可以假设您使用的是非Mozilla供应商的CSS吗？该
事件
变量应该是什么？检查你的错误控制台，我想它不明显。

.textboxStyle
 {
border-color: #9ECAED;
 border-radius: 3px 3px 3px 3px;


  }

 .textboxOnClickStyle
 {
-moz-box-shadow: 0 0 10px 1px #6DC421;
    -webkit-box-shadow: 0 0 10px 1px #6DC421;
     box-shadow: 0 0 10px 1px #6DC421;

  }



.textboxOnClickStyle {
  -moz-box-shadow: 0 0 10px 1px #6DC421;
  -webkit-box-shadow: 0 0 10px 1px #6DC421;
  box-shadow: 0 0 10px 1px #6DC421;
  border: none;
}