Skip to content

[css] 第170天 css怎么更改表单的单选框或下拉框的默认样式？ #1288

New issue
New issue
Open
Open
[css] 第170天 css怎么更改表单的单选框或下拉框的默认样式？#1288
Labels
csscss
@haizhilin2013

Description

@haizhilin2013
haizhilin2013
opened on Oct 2, 2019

第170天 css怎么更改表单的单选框或下拉框的默认样式？

Activity

haizhilin2013
added
csscss
on Oct 2, 2019
wwqin

wwqin commented on Oct 3, 2019

@wwqin
wwqin
on Oct 3, 2019

整体的默认样式直接对select进行设置，每一个选项的样式直接对option进行设置

vkboo

vkboo commented on Oct 3, 2019

@vkboo
vkboo
on Oct 3, 2019 · edited by vkboo
  • 下拉框
    • select可以通过appearance:none去除默认样式，然后进行自定义，但是option标签不能通过CSS自定义，所以最佳方案是自定义标签重写select
  • 单选框
    • 隐藏input标签，自定义标签通过checked伪类进行实现
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    csscss

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@vkboo@wwqin

        Issue actions
          [css] 第170天 css怎么更改表单的单选框或下拉框的默认样式？ · Issue #1288 · haizlin/fe-interview