Amp html } .评级{ 页边距底部：0； 文本对齐：居中； } #旋转木马{ 利润率：16px； } .圆点{ 文本对齐：居中； } .点跨度{ 显示：内联块； 背景：#ccc； 边界半径：6px； 宽度：12px； 高度：12px； 保证金：4倍； } 点跨距电流{ 背景:#555； } .选项{ 利润率：16px0； } .选项h6{ 文本转换：大写； 利润率：0.4px 0； } .颜色表{ 利润率：0-8px； } 颜色和图像{ 边框：纯色2px白色； 显示：块； 保证金：自动； } .颜色和图像[选定]{ 外形：实心2px红色； } .尺码分组{ 边框：实心1px黑色； 宽度：40px； 高度：40px； 线高：40px； 字号：800； 文本对齐：居中； } .尺寸分区[选定]{ 背景颜色：灰色； 颜色：白色； 大纲：无； } .不可用：：之前{ 内容：''； 位置：绝对位置； 边框顶部：1件纯黑； 左边距：1px； 宽度：57px； 变换：旋转（45度）； 变换原点：0%0%； } .数量选择{ 字体大小：16px； 边框：实心1px灰色； 填充：8px； } 桌子{ 宽度：100%； } .隐藏{ 显示：无； } .中心{ 文本对齐：居中； } .mdl-button--accent.mdl-button--accent.mdl-button--raised{ 背景色：青色； } div{ 填充：30px 50px； } .区域选项p{ 显示：无； } .区域选项p.visible{ 显示：块； } #区域选项{ 右边距：10px； } { “地区”：“美国” } 多选择器

地区：

美国 欧洲 澳大利亚 亚洲 US

US

美国和欧洲

欧洲

欧洲

澳大利亚、美国和欧洲

澳大利亚

澳大利亚

亚洲

---

据我所知，放大器选择器只允许单选。我认为在这种情况下，请尝试使用复选框

多选
body{-webkit动画：-amp start 8s steps（1，end）0s1 normal tweet；-moz动画：-amp start 8s steps（1，end）0s1 normal tweet；-ms动画：-amp start 8s steps（1，end）0s1 normal tweet}@-webkit关键帧-amp start{从{可见性：隐藏}到{可见性：可见}}@-moz关键帧-amp start{from{可见性：隐藏}
/***uncss>文件名：https://code.getmdl.io/1.3.0/material.indigo-pink.min.css ***/
/**
*材质设计lite-CSS、JS和HTML中的材质设计组件
*@version v1.3.0
*@license-Apache-2.0
*@copyright 2015谷歌公司。
*@linkhttps://github.com/google/material-design-lite
*/
html{color:rgba（0,0,0,87）}:：-moz selection{background:#b3d4fc；text shadow:none}：：selection{background:#b3d4fc；text shadow:none}。hidden{display:none}@media print{*，*：before，*：after{background:transparent；color:#000；box shadows:none}tr{内部分页符：避免}p{孤儿：3；寡妇：3}.mdl按钮{-webkit点击高亮颜色：透明；-webkit点击高亮颜色：rgba（255255255,0）}html{宽度：100%；高度：100%；-ms触摸操作：操纵；触摸操作：操纵}正文{宽度：100%；最小高度：100%}html，正文{字体系列：“Helvetica”，“Arial”，无衬线；字体大小：14px；字体重量：400；线条高度：20px}h5，h6，p{padding:0}h5{字体大小：20px；字体大小：500；行距：1；字母间距：02em}h5，h6{字体系列：“Roboto”、“Helvetica”、“Arial”，无衬线；边距：24px 0 16px}h6{字体大小：16px；字母间距：04em}h6，p{font-weight:400；行高：24px}p{字体大小：14px；字母间距：0；边距：0 16px}。mdl彩色文本--红色：{35px:}蓝色：{f4336色：}.mdl颜色文本--灰色{颜色：#9e9e9e}.mdl颜色--黑色{背景色：#000}.mdl颜色文本--白色{颜色：#fff}.mdl按钮{背景：0 0；边框：无；边框半径：2px；颜色：#000；位置：相对；高度：36px；边框：0；最小宽度：64px；填充：0 16px；显示：内联块；字体系列：“Roboto”、“Helvetica”、“Arial”，无衬线；字体大小：14px；字体重量：500；文本转换：大写；字母间距：0；溢出：隐藏；将更改：框阴影；转换：框阴影.2s立方贝塞尔（.4,0,1,1），背景色.2s立方贝塞尔（.4,0,2,1），颜色.2s立方贝塞尔（.4,0,2,1）；轮廓：无；光标：指针；文本装饰：无；文本对齐：中心；线条高度：36px；垂直对齐：中间}。mdl按钮：：-moz焦点内部{边框：0}。mdl按钮：悬停{背景色：rgba（15815815815858.2）}。mdl按钮：焦点：非（：活动）{背景色：rgba（0,0,0,12）}。mdl按钮：活动{背景色：rgba（158158158158158158158158.4）}.mdl按钮.mdl按钮--彩色：焦点：非（：活动）{背景色：rgba（0,0,0,12）}.mdl按钮--凸起{背景：rgba（158158158,，
    <div>
        <label class="btn">
        <input type="checkbox" value="US" on="change:AMP.setState({selected:{US: event.checked, Europe: selected.Europe, Australia: selected.Australia, Asia: selected.Asia }})"/>
        <span>US</span>
        </label>
        <label class="btn">
        <input type="checkbox" value="US" on="change:AMP.setState({selected:{US: selected.US, Europe: event.checked, Australia: selected.Australia, Asia: selected.Asia }})" />
        <span>Europe</span>
        </label>
        <label class="btn">
        <input type="checkbox" value="US" on="change:AMP.setState({selected:{US: selected.US, Europe: selected.Europe, Australia: event.checked, Asia: selected.Asia }})" />
        <span>Australia</span>
        </label>
        <label class="btn">
        <input type="checkbox" value="US" on="change:AMP.setState({selected:{US: selected.US, Europe: selected.Europe, Australia: selected.Australia, Asia: event.checked }})" >
        <span>Asia</span>
        </label>
    </div>

.btn { position:relative; }
    .btn input { position:absolute; top:-20px; }
    .btn span { background-color: teal;  
    border:0px solid #000;
    border-radius: 2px;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    color:#fff;
    }
    .btn input:checked + span { border:1px solid #000; box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }