html - NativeScript 舍入输入？

Question

我正在尝试使用 NativeScript 和 Angular 制作一个应用程序，并希望我的文本输入框具有这样的圆 Angular :

目前，它是这样的:

这是我的 html:

<TextField style="margin-top: 20;" class="input-rounded" hint="Email Address" keyboardType="email" returnKeyType="next" autocorrect="false" autocapitalizationType="none"></TextField>

然后这是我的 .css:

TextField {
  border-width: 1;
  border-color: white;
  background-color: white;
  height: 7%;
  width: 90%;
  margin-bottom: 20;
}

我也试过将边界半径设置为 1rem。谢谢!

Answer 1

尝试只用数字给出border-radius

.input-rounded {
  margin-top: 20;
  border-width: 1;
  border-color: white;
  background-color: white;
  margin-bottom: 20px;
  border-radius:10;
}

<TextField class="input-rounded" hint="Email Address" keyboardType="email" returnKeyType="next" autocorrect="false" autocapitalizationType="none"></TextField>

编辑:修改了代码。删除了内联样式标签并使用类而不是元素选择器添加了 css。