gwt - gwt-bootstrap 的选择控件不发光

Question

我在我的 gwt 应用程序中激活了 gwt-bootstrap。但是，我在 SELECT 控件中看不到任何发光。另一方面，textarea 控件周围有发光效果。如何启用 SELECT 控件周围的发光效果。

以下是我的 uibinder xml：

    <b:FluidContainer>
        <b:FluidRow>
            <b:Column size="4">
                <b:TextArea addStyleNames="input-block-level pull-right"></b:TextArea>
            </b:Column>
            <b:Column size="2">
                <g:HTMLPanel addStyleNames="input-block-level"  >
                    <select multiple="multiple" class="input-block-level pull-left">
                        <option>1</option>
                        <option>1</option>
                        <option>1</option>
                        <option>1</option>
                    </select>
                </g:HTMLPanel>
            </b:Column>
        </b:FluidRow>
    </b:FluidContainer>

Answer 1

它全部在css中。将以下内容添加到您的 css 中，您可能需要对其进行一些调整以使其看起来完全相同/满足您的需求。

select:focus {
border-color: #52A8EF;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0 none;
}