如何在离子中使输入场变圆?

问题描述 投票:3回答:2

我可以使输入字段带有图标,但我需要输入字段应该是圆角![在此处输入图像描述] [1],并且水平中心宽度应如图所示。请检查下图

[请检查我的搜索栏的宽度是否较小,并且水平居中具有圆角。我们可以在离子型中做到这一点

这是我的代码

 <ion-content>
       <div class="list list-inset">
  <label class="item item-input">
    <img src="https://dl.dropboxusercontent.com/s/n2s5u9eifp3y2rz/search_icon.png?dl=0">
    <input type="text" placeholder="Search">
  </label>
</div>



    </ion-content>
angularjs angularjs-directive angularjs-scope ionic-framework ionic
2个回答
2
投票

为什么不只是在.css之类的外部div和内部标签中设置一些属性,>

div#container{width: 300px; margin-left: auto; margin-right: auto;}
label#rounded{border-radius: 15px;}

这里是pen。这是您要找的东西吗?


0
投票

答案很简单

© www.soinside.com 2019 - 2024. All rights reserved.