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

为什么我的表单样式不起作用

1 个答案: