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;
}

选择控制gwt-bootstrap没有发光

1 个答案: