item item-input：css样式，删除框中的空格

Question

我是一个有离子，HTML和CSS的新手。但我设法做一个简单的网络应用程序。 但我无法正确设置项目输入类的样式。我搜索了很多论坛，但没有找到正确的解决方案。

我希望得到2个输入字段看起来像时钟：＆＃34;时间::＆＃34; 大多数情况下，我无法删除每个输入字段右侧的填充（或边距）。这是一个截图：

[编辑]抱歉...忘了代码......

<label class="item item-input">          
        <span>Time </span>
        <input type="tel" maxlength='2' name="hour" min="0" max="23" ng-model="alarm.hour">
        <span> : </span>
        <input type="tel" maxlength='2' name="minute" min="0" max="59" ng-model="alarm.minute">
      </label>
      <br/>

      <ion-scroll zooming="false" direction="y" style = "width: 320px; height: 8000px">
        <div ng-repeat="setpoint in alarm.setpoints track by $index">
        <div class = "scroll-container"></div>
          <label class="item item-input">
            <span class="input-label">{{chName[$index]}}</span>
            <input type="tel" name="room" min="5" max="35" step="0.5" ng-model="alarm.setpoints[$index]">&#186;C
          </label>
        </div>
      </ion-scroll>

我在温度输入时得到了相同的填充问题王，摄氏符号向右偏移...

Answer 1

最后，我找到了该怎么做。离子使用flex to style app。对于那些像我一样遇到麻烦的新手，这个视频歌曲帮助了我很多： flex tutorial

另外。我发现了另一个带有离子滑片和scrool的错误，它会产生一些奇怪的css问题。解决方案非常简单：我要添加另一个“离子内容”。标签

filedialog.askopenfilename()