reactjs - 如何在索环反应js中调整选择组件的大小?
问题描述
我正在前端创建一个表单,其中我使用 texInput、单选按钮、选择组件。所有的 texInput,单选按钮组件都是按照分配的一个大小,但是选择组件的大小非常小,请帮我解决与每个 textinput 组件大小相同的选择组件
解决方案
put your form in a container and override the css of the select component :
css----------------
.yourClassName{
width: 100%!important;
}
html-----------------------
<Container>
<Col md={{ span: 6, offset: 3 }}>
<Form onSubmit={this.onSubmitForm}>
<Form.Row>
<Col md={{ span: 3 }}>
<Form.Group as={Row} controlId="Email">
<Form.Label>Email Address</Form.Label>
<Form.Control type="email" placeholder="Enter Email" name="Email"
value={this.state.Email} onChange={this.handleChange} />
</Form.Group>
</Col>
<Col md={{ span: 3}}>
<Form.Group as={Row} controlId="Name">
<Form.Label>Name</Form.Label>
<Form.Control type="text" placeholder="Enter Name" name="Name"
value={this.state.Name} onChange={this.handleChange} />
</Form.Group>
</Col>
</Form.Row>
<Form>
</Col>
</Container>
推荐阅读
- laravel - Livewire:输入时防止验证码图像刷新
- xunit.net - 我可以将代表传递给 Xunit 理论吗
- web-audio-api - Tone.js Follower 创建侧链音量控制
- exe - a.out 文件和 .elf 文件格式有什么区别
- microsoft-graph-api - MS Graph API - 预订业务 - 添加具有“管理员”角色的员工创建“externalGuest”
- javascript - 按钮加载问题(没有包)
- java - 如何从 maven 插件中的 java 代码中引用 pom 中的 artifactId?
- c# - 如何在字典中添加 3 个以上的项目
- c# - 我可以检查用户是否响应然后将布尔值更新为 true 吗?
- css - Vue动态绑定到类不起作用