Question

如何在mobileApp的reactjs中添加span的复选框。找到下面的代码：

我想在复选框中添加样式，比如想减少字体大小和宽度。我应该如何在此代码中添加css？

<ul data-role="listview">
              <li><input type="checkbox"/><a href="#"><span> <i className="fa fa-edit"></i></span><span className="case-overflow"> Case11</span></a></li>
              <li><input type="checkbox"/><a href="#"><span> <i className="fa fa-edit"></i></span><span className="case-overflow"> Case12</span></a></li>
 </ul>

Answer 1

要为复选框元素添加css类，请使用className关键字

<input type="checkbox" className="margin-zero"/>

请注意，在项目布局之前必须包含类.margin-zero。

如果您想在一个地方添加特定样式，可以像这样定义

var checkboxStyle = {
  margin: 0
};

请注意，在为内联样式prop指定像素值时，React会自动附加字符串＆＃34; px＆＃34;在你的号码值之后为你服务。

在渲染中使用yor new style：

<input type="checkbox" style={checkboxStyle}/>

在Reactjs中添加span中的复选框

1 个答案: