为什么我的表单造型不起作用

Question

做freecodecamp的投资组合创作练习..理论上应该很容易，但我有一个小问题，我无法弄清楚。

我想摆脱我的联系区域窗体的边框和轮廓（关注时），但它不起作用。

这里是我的codepen - https://codepen.io/illpill/pen/WRgoVo?editors=1100

input, textarea { 
    color: #333 !important; 
    width: 100% !important; 
    border-bottom: 2px solid #666 !important; 
    border-top: 0px !important; 
    border-right: 0px !important; 
    border-left: 0px !important; 
    background-color: #e3e3e3 !important; 
    font-size: 22px !important; 
} 

input:focus { 
    outline: none !important; 
} 

这就是CSS是个问题。我究竟做错了什么？

Answer 1

添加这个CSS

.form-control:focus { 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
} 

现场演示 - https://codepen.io/anon/pen/rjXPpy?editors=1100