Html 如何从联系人表单7中删除顶部、右侧和左侧边框？

我有一个问题不知道如何解决。我有联系方式表7，看起来像这样：

并希望从字段中删除顶部、左侧和右侧边框，因此如下所示：

所以我的问题是，需要做什么改变才能获得这样的外观？我在谷歌上搜索，也回答了一些问题，但没有找到像我这样更接近的问题。这是控制该部件的代码：

.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text,
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number,
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date,
.cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea,
.cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select,
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz{
    border-color: #949494;
    border-width: 1px; // Probably something here need to be changed?
    border-style: outset;
    color: #949494;
    font-family: Raleway;
    padding-top: -2px;
    padding-bottom: -2px;
    }

---

有什么帮助吗？

您可以独立控制长方体模型的每个维度

border-right-width: 0px;
border-top-width: 0px;
border-left-width: 0px;

---

可以独立控制长方体模型的每个尺寸标注

border-right-width: 0px;
border-top-width: 0px;
border-left-width: 0px;

---

如果能够重写此样式，更好的方法是仅定义底部边框，如下所示：

div{ 宽度：100px； 高度：100px； 背景色：紫罗兰色； 边框底部：5px黑色实心； }

---

如果能够重写此样式，更好的方法是仅定义底部边框，如下所示：

div{ 宽度：100px； 高度：100px； 背景色：紫罗兰色； 边框底部：5px黑色实心； } 尝试：

这将删除除底部之外的边框。

请尝试：

这将删除除底部之外的边框