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

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


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

01

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

02

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

03

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

04

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

05

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

06

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

相关推荐

  1. qt 关于设置背景颜色,和背景透明的方法

    2024-07-19 08:36:03       17 阅读
  2. Axure视频教程文本替换函数

    2024-07-19 08:36:03       61 阅读
  3. html css背景图片透明文字不透明

    2024-07-19 08:36:03       57 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-19 08:36:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-19 08:36:03       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-19 08:36:03       58 阅读
  4. Python语言-面向对象

    2024-07-19 08:36:03       69 阅读

热门阅读

  1. Ubuntu系统中升级OpenSSH到特定版本(如9.8p1)

    2024-07-19 08:36:03       17 阅读
  2. Linux网络 -- TCP FIN包发送超时时间设置

    2024-07-19 08:36:03       25 阅读
  3. 代码trick 类型判断

    2024-07-19 08:36:03       18 阅读
  4. vue如何解决跨域?原理?

    2024-07-19 08:36:03       19 阅读
  5. Go: IM系统基于xorm实现简单的注册和登录功能

    2024-07-19 08:36:03       20 阅读
  6. C语言13 位域

    2024-07-19 08:36:03       22 阅读
  7. Linux:使用vim编辑文件为什么会影响目录的mtime

    2024-07-19 08:36:03       18 阅读
  8. 数据结构讲解

    2024-07-19 08:36:03       20 阅读
  9. C++:类的定义和实例化

    2024-07-19 08:36:03       21 阅读
  10. NumPy库学习之logspace函数

    2024-07-19 08:36:03       21 阅读
  11. springMVC前后端请求参数绑定和传递

    2024-07-19 08:36:03       17 阅读
  12. C++中的socket编程常用接口

    2024-07-19 08:36:03       19 阅读
  13. Redis实现打卡功能

    2024-07-19 08:36:03       20 阅读