Extjs6.2 去除form组件中的textfield里面input的边框

JiaoYuXi_hahaha

于 2017-11-22 11:20:56 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJs6.2

本文链接：https://blog.youkuaiyun.com/onightfalls/article/details/78601091

ExtJs6.2 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种去除ExtJS框架中TextField输入框边框样式的CSS方法，并展示了如何通过添加特定类实现此效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步写样式

/* 去除form组件中的textfield里面input的边框样式
 * 使用方式在textfield中添加 cls: 'x-form-textfield-noborder'
 */
 .x-form-textfield-noborder .x-form-trigger-wrap-default{
    border-width: 0px;
    border-style: solid;
    border-color: #d0d0d0;
}

第二步调用

xtype: 'textfield',
name: 'name',
readOnly: true,
cls:  'x-form-textfield-noborder'