我是 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]">ºC
</label>
</div>
</ion-scroll>
我在温度输入上遇到了相同的填充问题,摄氏符号向右偏移...
最佳答案
终于,我找到了要做什么。 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">
关于css - item item-input : css styling, 删除框中的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39863984/