select2设置做边框

你可以使用CSS样式来设置Select2的边框。以下是一个例子：

.select2-container {
  border: 1px solid #ccc;
  border-radius: 4px;
}

这将为Select2容器添加一个1像素的灰色边框，并将其圆角化为4像素。您可以根据需要更改这些值。

相关问题

el-select聚焦去掉option边框

您可以通过自定义样式来实现去掉 `el-select` 组件中 `option` 的边框。您可以在 `el-select` 组件的外部包裹一个自定义的样式类，然后使用 CSS 来修改 `option` 的样式。下面是一个示例：

HTML：

<div class="custom-select">
  <el-select v-model="selectedOption">
    <el-option label="Option 1" value="1"></el-option>
    <el-option label="Option 2" value="2"></el-option>
    <el-option label="Option 3" value="3"></el-option>
  </el-select>
</div>

CSS：

.custom-select .el-select-dropdown .el-select-dropdown__item {
  border: none;
}

在这个示例中，我们给 `el-select` 组件的外部容器添加了一个自定义的样式类 `.custom-select`。然后，使用 CSS 来选择 `.custom-select` 下面的 `.el-select-dropdown__item` 元素，并将其边框样式设为 `none`，从而去掉了 `option` 的边框。

请注意，这只是一个示例，您可以根据您的实际需求进行调整和修改。

a-select选择器 去掉边框

`a-select` 是 Ant Design Vue 中的一个组件，它是一个下拉选择器。如果你想要去掉这个选择器的边框，你可以通过 CSS 样式来控制。在 Ant Design 的默认样式中，可以为 `a-select` 设置 `border` 属性为 `none` 或者 `0` 来移除边框。例如：

.ant-select {
  border: none; /* 或者 */
  border-width: 0;
}

如果你想只针对某个特定状态（如聚焦、选中等）去除边框，可以添加相应的伪类，比如 `.ant-select-focused` 和 `.ant-select-selected`。

如果你使用的是 Vue，并且想在组件内部动态设置，可以在 `v-bind:class` 上绑定一个自定义的 class 名称，该名称对应于无边框的状态：

<a-select v-bind:class="{ noBorder: shouldRemoveBorder }">
  <!-- ... -->
</a-select>

<style>
.noBorder .ant-select {
  border: none;
}
</style>

<script>
export default {
  data() {
    return {
      shouldRemoveBorder: false, // 根据业务需求动态修改 this.shouldRemoveBorder
    };
  },
};
</script>