修改 nz-form-item 的样式

问题

使用 nz-form-item 时发现该元素的样式有一个 margin-bottom，想自定义此数值

解决

在组件的样式文件中添加：

:host {::ng-deep {.ant-form-item {margin-bottom: 0px;}}
}

:host 表示在当前组件，::ng-deep 表示修改内部样式

参考

https://blog.csdn.net/qq_36671474/article/details/88191973

修改 nz-form-item 的样式相关推荐

ant-design中form组件的item在typescript环境下自定义提示文字（Form.Item的tooltip属性）及提示图标
一. 实现效果代码环境:react.typescript.ant-design-react ant-design-react中用到的组件为Form 想要实现的效果如下图: 上图中: ① 每个labe ...
使用Custom.pll修改标准Form的LOV
在开发过程中,经常碰到需要修改标准Form中LOV的需求,一般来说都是做一些条件限制.在不修改标准Form的fmb文件的前提下,可以通过Custom.pll来实现. 一.Custom.pll的工作机制 ...
Ant Design Form.Item的label中文字换行的替代方式
const FormItem=Form.Item; 替换代码 <Row><div className={styles.label}>{checkItem.desc}</d ...
antd Form.Item 中如何获取到Select的label值
存在这样的一个情况: 在这样的一个下拉的选择框中,如何获取到对应的商品类型的值,和label的值在select 中存在这样的一个属性: labelInValue 看看我们怎么使用: 代码: < ...
Xcode 修改系统的代码块样式 Code Snippet
Xcode在编码的时候,系统代码块给我们提供了很大的便利.然而,有时候,也给我们带来很大的困扰. 例如,系统的 if 代码块,大括号是紧跟括号之后的. 但是现在呢,公司的代码规范是要求另起一行. ...
如何修改浏览器的默认滚动条样式
如何修改浏览器的默认滚动条样式 /* 浏览器滚动条样式 *//* width */ ::-webkit-scrollbar {width: 4px;height: 4px; }/* Track */ ...
微信小程序radio单选框如何修改宽高及选中样式
之前写过关于多选框设置样式的办法,其实与单选框设置的方法一样,唯一不同的是,在css样式里,/* 选中后的背景样式 (红色背景无边框可根据UI需求自己修改) */的下面定义的css需要加上!im ...
Word——永久修改默认标题和正文样式
Word--永久修改默认标题和正文样式一.修改方法 1.在样式栏找到正文. 2.正文右键,点击修改. 3.设定格式之后,点击基于该模板的新文档,并且点击确定. 二.修改完后的效果三.参考文献一. ...
NC6自助开发文件存放路径及一些总结以及修改自助登录界面的样式、图片、添加文字提示等文件
NC6自助开发文件存放路径:\nchome\hotwebs\portal\sync NC6自助开发总结:https://download.csdn.net/download/u010741112/24 ...
bootstrap分页css样式,修改bootstrap-table中的分页样式
使用bootstrap-table时,使用$("")选择器没办法选中下方的分页button按钮,可能跟它是动态生成的有关吧. 最终找到与之对应的js(bootstrap-table ...

修改 nz-form-item 的样式

修改 nz-form-item 的样式

问题

解决

参考

修改 nz-form-item 的样式相关推荐

最新文章

热门文章