css - item item-input : css styling, 删除框中的空间

Question

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

我想获得 2 个看起来像时钟的输入字段:“时间::”大多数情况下，我无法删除每个输入字段右侧的填充(或边距)。这里是截图:

[编辑]抱歉...忘记密码...

<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

终于，我找到了要做什么。 ionic 使用 flex 来设计应用程序。对于像我这样遇到麻烦的新手，这个视频教程对我帮助很大: flex tutorial

此外。我发现了 ion-slides 和 scrool 的另一个错误，它会产生一些奇怪的 css 问题。解决方案非常简单:我只需添加另一个“ion-content”标签

<ion-view view-title="programs">
  <ion-content padding="true" >      
    <ion-slides  options="options" slider="data.slider">
      <ion-slide-page ng-repeat="alarm in alarms">
        <ion-content>    <!-- that's the add -->
          <div class="list">