Axure 教程 | 设置文本框背景透明

​在AXURE软件中,部件样式可以编辑,但有时却无法满足所有个性化原型的需求。例如文本框部件,可以设置是否隐藏边框,但即使隐藏边框之后,文本框还会有白色的背景。

当界面需要一个无背景色的输入框时,对于完美主义者来说,那无法去除的白色背景就显得尤其无法忍受,现在,就让我们用非常规手段,去了它。

01

建立"文本框背景透明"页面,双击页面名称,打开页面编辑页

02

"部件"窗口,拖一个矩形到编辑页,设置填充颜色:蓝色;再拖一个文本框(单行)放置在矩形的上面。

03

生成原型(注意是生成,不是预览),可以看到文本框(单行)的白色背景遮住了下面的矩形一部分。

04

找到原型生成时,保存的文件地址,找到"文本框背景透明"页面的样式文件:styles.css

05

打开styles.css文件,找到文本框(单行)部件的CSS样式,在样式内增加:opacity:0

06

保存styles.css文件,在浏览器中刷新原型查看效果

相关推荐
资深设备全生命周期管理7 小时前
以Python 做服务器,N Robot 做客户端,小小UI,拿捏
服务器·python·ui
iks3259 小时前
ui文件转py程序的工具
ui
UWA12 小时前
为什么UI导入png图会出现白边
ui·editor·rendering·asset
猿类崛起@12 小时前
百度千帆大模型实战:AI大模型开发的调用指南
人工智能·学习·百度·大模型·产品经理·大模型学习·大模型教程
Archy_Wang_11 天前
ASP.NET Core 中的 JWT 鉴权实现
后端·ui·asp.net
rolt1 天前
电梯系统的UML文档07
设计模式·产品经理·架构师·uml
_可乐无糖1 天前
Appium 检查安装的驱动
android·ui·ios·appium·自动化
军训猫猫头1 天前
54.DataGrid数据框图 C#例子 WPF例子
ui·c#·wpf
rolt2 天前
电梯系统的UML文档05
产品经理·架构师·uml
黑客老陈3 天前
漏洞挖掘 | Swagger UI 目录枚举小总结
运维·服务器·网络·学习·ui·php