Html CSS在一边使用边框，在接近尾端时不具有相同的宽度？

嗨，我正在尝试实现下面的屏幕截图

这是我正在使用的

border-left: 5px solid #7AC0DA;

它给了我这个输出

---

边框不够清晰，正如您在这个屏幕截图中看到的，靠近端点的边框没有相同的宽度。如何更正此问题？

这是因为元素的边框已为

1px纯灰

，而蓝色必须展开

最好不要在

输入

上使用边框样式，而是如下所示：

HTML

<label class="highlight clearfix">
  <span>Field name:</span>
  <input />
</label>

---

这是因为元素的边框已经是

1px纯灰

，而蓝色必须展开

最好不要在

输入

上使用边框样式，而是如下所示：

HTML

<label class="highlight clearfix">
  <span>Field name:</span>
  <input />
</label>

---

这是因为元素的边框已经是

1px纯灰

，而蓝色必须展开

最好不要在

输入

上使用边框样式，而是如下所示：

HTML

<label class="highlight clearfix">
  <span>Field name:</span>
  <input />
</label>

---

这是因为元素的边框已经是

1px纯灰

，而蓝色必须展开

最好不要在

输入

上使用边框样式，而是如下所示：

HTML

<label class="highlight clearfix">
  <span>Field name:</span>
  <input />
</label>

---

边框显示一个斜面，因为顶部和底部具有宽度。您可以使用伪元素

：before

---

边框显示一个斜面，因为顶部和底部具有宽度。您可以使用伪元素

：before

---

边框显示一个斜面，因为顶部和底部具有宽度。您可以使用伪元素

：before

---

边框显示一个斜面，因为顶部和底部具有宽度。您可以使用伪元素

：before

---

我假设，在某个地方，有一个边界的宽度为您的边界顶部和底部。

---

我看到你只在左边设置了一个边界，边界是左边的。也许您应该首先尝试设置border:0，然后在同一选择器中使用border left

我假设在某个地方，上下边界都有一个边界宽度。

---

我看到你只在左边设置了一个边界，边界是左边的。也许您应该首先尝试设置border:0，然后在同一选择器中使用border left

我假设在某个地方，上下边界都有一个边界宽度。

---

我看到你只在左边设置了一个边界，边界是左边的。也许您应该首先尝试设置border:0，然后在同一选择器中使用border left

我假设在某个地方，上下边界都有一个边界宽度。

---

我看到你只在左边设置了一个边界，边界是左边的。也许您应该首先尝试设置border:0，然后在同一选择器中使用border left

顶部和底部具有边框宽度导致此问题顶部和底部具有边框宽度导致此问题顶部和底部具有边框宽度导致此问题顶部和底部具有边框宽度导致此问题