NativeScript舍入输入？

Question

我正在尝试使用NativeScript和Angular制作一个应用程序，并希望我的文本输入框具有如下所示的圆角：

当前的外观如下：

这是我的html：

- name: Somethign.
  vmware_host_facts:
    hostname: '{{ vcenter_hostname }}'
    username: '{{ vcenter_user }}'
    password: '{{ vcenter_pass }}'
    validate_certs: no
  register: all_cluster_hosts_facts
  delegate_to: localhost
- debug: var=all_cluster_hosts_facts

然后是我的.css：

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

我还尝试将边界半径设置为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。