如何使 CheckBoxList 中的复选框出现在文本左侧？

<style>
    .checkboxlist-item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .checkboxlist-item input[type="checkbox"] {
        order: 0;
        margin-right: 5px;
    }

    .checkboxlist-item label {
        order: 1;
    }
</style>

<asp:CheckBoxList ID="CheckBoxList1" runat="server" CssClass="checkboxlist-item">
    <asp:ListItem Text="选项1" Value="1"></asp:ListItem>
    <asp:ListItem Text="选项2" Value="2"></asp:ListItem>
    <asp:ListItem Text="选项3" Value="3"></asp:ListItem>
</asp:CheckBoxList>