axure自定义文本框样式
2017-03-23 13:40
127 查看
axure中的文本框是我们经常使用的元件,但它本身对样式的设置很有限,不能设置边框样式、阴影等,不能满足我们制作高保真原型的需求,本文给大家介绍一下结合矩形元件自定义文本框样式。(PS:此处的“高保真”指的是UI上的设计,对于原型保真程度的说明,请参考我的另一片文章《产品原型设计浅见》)。
![](http://p1.pstatp.com/large/192700055da48852a952)
如果我们要制作下图这种圆角输入框,首先拖入一个文本框、一个矩形到设计区域,将矩形置于底层,调整矩形的大小能够刚刚包围住文本框,给矩形增加一点圆角,把矩形的颜色弄浅一点,我设置的色值是#999999。
![](http://p3.pstatp.com/large/191d00073bc3dc36149b)
接下来把文本框的边框隐藏,设置文本框的提示文字,调整一下提示文字的大小即可。
如果我们要制作下图这种圆角输入框,首先拖入一个文本框、一个矩形到设计区域,将矩形置于底层,调整矩形的大小能够刚刚包围住文本框,给矩形增加一点圆角,把矩形的颜色弄浅一点,我设置的色值是#999999。
接下来把文本框的边框隐藏,设置文本框的提示文字,调整一下提示文字的大小即可。
相关文章推荐
- 文本框样式大全
- 文本框样式代码
- iOS文本框样式,键盘样式,清除按钮设置,左右视图
- 设置样式时怎么区分input是按钮还是文本框
- 设置文本框样式和修改按钮样式
- 【转】文本框样式
- 改变文本框、按钮样式函数
- 文本框input聚焦失焦样式实现代码
- 对“设置样式时怎么区分input是按钮还是文本框”问题的技术调查——把input里面的东西剔出来
- 改变文本框、按钮样式函数
- 文本框样式大全
- Android 利用Sharp样式设置文本框EditText圆角形状
- 文本框(input)获取焦点(onfocus)时样式改变的示例代码
- 文本框(input)获取焦点(onfocus)时样式改变的实现方法
- 修改infopath样式的小技巧(如何让文本框自适应文字多少?)
- 文本框各种样式
- 使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式
- 用样式设置页面文本框 只能输入数字的方法
- 如何去除Chrome浏览器表单文本框Input自动填充黄色背景色样式?
- 各种各样的文本框滚动栏样式代码 滚动栏样式 文本框样式(文本框样式大全)