小编xsr*_*srf的帖子

有人可以向我解释为什么 css 伪类:read-only应用于非只读元素吗？

请参阅https://codepen.io/xsrf/pen/RwgZepb

我在最近的 Edge、Chrome 和 Firefox 中对此进行了测试。全部适用input:read-only于<input type="button" />

https://www.w3schools.com/cssref/sel_read-only.asp说

:read-only 选择器选择“只读”元素。具有“readonly”属性的表单元素被定义为“readonly”。

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly说：

当输入具有 readonly 属性时，:read-only 伪类也适用于它。相反，支持只读属性但没有设置与 :read-write 伪类匹配的属性的输入。

我正在尝试在 docker swarm 模式下使用 traefik 2.0 (!)。这是我的堆栈：

version: '3.7'
services:
  traefik:
    image: traefik:latest
    ports:
      - 80:80
      - 443:443
    deploy:
      replicas: 1
      placement:
        constraints:
          - node.role == manager
        preferences:
          - spread: node.id
      labels:
        - traefik.enable=true
        - traefik.http.routers.traefikRouter.rule=Host(`127.0.0.11`)
        - traefik.http.routers.traefikRouter.service=api@internal
        - traefik.http.routers.traefikRouter.entrypoints=http
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock
    command: >
      --providers.docker
      --providers.docker.exposedbydefault=false
      --providers.docker.swarmmode=true
      --entryPoints.http.address=":80"
      --entryPoints.https.address=":443"
      --accesslog
      --log.level=DEBUG
      --api=true
      --api.dashboard=true
    networks:
      - traefik-public

  whoami:
    image: containous/whoami
    deploy:
      replicas: 2
      labels:
        - traefik.enable=true
        - traefik.http.services.whoami.loadbalancer.server.port=80
        - traefik.http.routers.whoami.rule=Host(`127.0.0.12`)
        - traefik.http.routers.whoami.service=whoami
        - traefik.http.routers.whoami.entrypoints=http
    networks:
      - traefik-public

# Run on …