html设置input边框左边圆角

HTML本身并不直接支持设置单个边角为圆形，但是你可以通过CSS来实现这个效果。要在`<input>`元素上设置左边圆角，可以借助伪元素`::before`或`::after`来创建一个覆盖在输入框左侧的背景，并且将其形状设置为圆形。这里是一个简单的示例：

<style>
  .rounded-input {
    position: relative;
    padding-left: 30px; /* 或者你需要的实际偏移量 */
  }

  .rounded-input::before {
    content: "";
    display: block;
    width: 20px; /* 圆形半径，可以根据需要调整 */
    height: 20px;
    border-radius: 50%; /* 使得圆角为100% */
    position: absolute;
    left: 0;
    top: calc(50% - 10px); /* 中心对齐 */
    background-color: #ccc; /* 颜色，可以自定义 */
  }
</style>

<input type="text" class="rounded-input">

在这个例子中，`.rounded-input` 类设置了输入框的样式，并添加了一个前向伪元素 `.rounded-input::before` 来创建圆角效果。你可以在`.rounded-input::before` 的 CSS 规则中调整颜色、大小等属性。