item item-input:css样式,删除框中的空格

时间:2016-10-05 01:12:34

标签: css ionic-framework

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

我希望得到2个输入字段看起来像时钟:"时间::" 大多数情况下,我无法删除每个输入字段右侧的填充(或边距)。这是一个截图: enter image description here

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

<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>

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

1 个答案:

答案 0 :(得分:0)

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

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

filedialog.askopenfilename()