新的 Google 网站和 Apps 脚本 CSS 无法正确显示

问题描述

我有一个 Apps 脚本，它使用 display:block 作为输入、标签在 Select 上方显示一个标签。测试部署正确显示 css。新的 Google 协作平台通过 URL 嵌入应用脚本并忽略 CSS 以显示：阻止。有没有办法在站点中的选择上方显示标签？

使用 Chrome 显示为测试部署：
标签
选择

显示在新的 Google 协作平台中，嵌入的应用脚本：
标签选择

        <form id="basicForm" onsubmit="processBasicForm(this)">
                    
          <div class="floating-label-wrap">
            <label for="totalCnt">Counters</label>
              <select id="totalCnt" name="totalCnt" form="basicForm" multiple size="5">
                <option value="35">2-35</option>
                <option value="60">36-60</option>
                <option value="75">61-75</option>
                <option value="100">76-100</option>
                <option value="150">101-150</option>
                <option value="200">151-200</option>
                <option value="100000">201+</option>
              </select>
          </div>
         
        </form>

div {
  display:block;
}

.floating-label-wrap {
    display:inline-block;
}

input,label {
    display:block;
    text-align:left;
    
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）