item item-input：css造型，刪除框中的空格

我是一個兼有離子，HTML和css的新手。但我設法做一個簡單的網絡應用程序。但我無法正確設置項目輸入類。我搜索了很多論壇，但沒有找到正確的解決方案。item item-input：css造型，刪除框中的空格

我想獲得像時鐘一樣的2個輸入字體樣式：「Time：：」大多數情況下，我無法刪除每個輸入字段右側的填充（或邊距）。下面的截圖：

[編輯]很抱歉......忘了代碼...

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

我填充的問題與攝氏符號偏移到合適的溫度輸入相同王..

來源

2016-10-05 Nitrof

創建的任何代碼段中，沒有人能給出想法與你的截圖 – Anuj

我一直試圖找到一個解決方案。在ionic.css項目輸入做了一些故障排除以確定哪些功能可能導致它，我發現顯示：-webkit-box;並顯示：-webkit-flex可能是原因。但我不知道我能做些什麼來解決它。 – Nitrof

終於，我發現該怎麼做。離子使用柔性風格的應用程序。對於那些喜歡我這樣的新手來說，這段視頻對我很有幫助： flex tutorial

另外。我發現了另一個離子幻燈片和scrool的bug，它會產生一些奇怪的CSS麻煩。而解決方案很簡單：我絕對添加其他「離子含量」標籤

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

來源

2016-10-10 01:54:26 Nitrof

item item-input：css造型，刪除框中的空格

回答

相關問題