Css “如何添加焦点光晕”；单击搜索框时；谷歌自定义搜索引擎的效果？

当有人点击cse盒时，如何使其发光？我尝试了下面的css代码，但不起作用。我在添加focus属性时遇到了困难

.gs_tti50:focus
{
    padding:0px !important;
    border-style: solid;
        border-width:1px;
        border-color: grey;
        border-radius:20px
  }
.gsc-i-id1
{
    height:33px !important;
    padding:0px !important;
    text-indent:10px !important;
    background:white;
    border-radius:20px;
    }

希望这能奏效

.gs\u tti50：焦点
{
外形：2倍纯蓝；
}

您的css代码似乎没有任何问题。尝试添加

框阴影

属性

.gs\u tti50：焦点{
填充：0px！重要；
边框：1px实心#FF0000；
边界半径：20px；
方框阴影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（255,0,0,0.6）；
大纲：无；
}
.gsc-i-id1{
高度：33px！重要；
填充：0px！重要；
文本缩进：10px！重要；
背景：白色；
边界半径：20px；
}