Css 在引导输入中去除边界

问题很简单：我如何摆脱引导输入元素周围的灰色边框？在尝试了css中的数百种变体后，我完全无能为力

我只通过包含

box shadow:none成功，但此选项不仅删除边框，而且在元素获得焦点时还会删除蓝色发光效果。我真的希望这种效果持续下去

HTML:

“边框”来自
。表单控件的
框阴影
值，se将其设置为
无
，它将不显示

.form-control{
    box-shadow: none;
}

至于“但当选择输入时，我喜欢蓝色，我确实希望这种效果保持不变”-这是在
input:focus
状态上“触发”的，因此如果由于CSS的特殊性而移除
框阴影，它将保持不变

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}


您可能有一个问题，由于，所以要小心与您的选择器。这里还有一个用于检查选择器的选项。
边框来自
。表单控件
的
框阴影值，请将其设置为
无
，它将不会显示

.form-control{
    box-shadow: none;
}

至于“但当选择输入时，我喜欢蓝色，我确实希望这种效果保持不变”-这是在
input:focus
状态上“触发”的，因此如果由于CSS的特殊性而移除
框阴影，它将保持不变

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}


您可能有一个问题，由于，所以要小心与您的选择器。这里还有一个检查选择器的方法。
Vucko，一个小请求，请解释如何缩小.form控件选择器的范围，使其仅适用于td.zeon\u input\u table\u单元格元素中的控件？当我写td.zeon\u input\u table\u cell.form控件时，边框消失了，但阴影也消失了：（我更新了这个问题-这是由于CSS的特殊性，因为
td.foo
比
.foo:active
更具体。您可以使用
td.zeon\u input\u table\u单元格。表单控件
，但是您还必须使用
td.zeon\u input\u table\u单元格。表单控件：focus
返回这些蓝色边框，因为第一个选择器会覆盖引导默认值为1。完美，正是我想要的Vucko，一个小请求，请解释如何缩小.form控件选择器，使其仅适用于td.zeon_input_table_单元格元素中的控件？当我写入td.zeon_input_table_单元格。form控件时，边框会消失，但阴影也会消失：（我更新了这个问题-这是由于CSS的特殊性，因为
td.foo
比
.foo:active
更具体。您可以使用
td.zeon\u input\u table\u单元格。表单控件
，但是您还必须使用
td.zeon\u input\u table\u单元格。表单控件：focus
返回这些蓝色边框，因为第一个选择器会覆盖引导默认一个。完美，正是我想要的