[微信小程序专题] 配置文本框样式、排版及点击页面跳转

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题

如何更改小程序页面中的文本框颜色和边框样式？

如何实现多个文本框的排版？

如何实现点击一个文本框即跳转页面？

我们在使用一个小程序时，总是会看到页面给出你不同的选择文本框，而你需要单击文本框跳转到你需要了解的内容页面中去。因此，如何美化这些文本框以及如何配置页面跳转是我们需要解决的问题。

方法

（1）设置文本框背景颜色。在WXSS的代码编写中增加一个background属性，如果要设置渐变色，需要一个-webkit-linear-gradient()属性，同时在括号内指出是从左向右开始渐变（left或to right）。注意：设置渐变色也有两种颜色设置方法。一是直接找到同色系的颜色来添加，二是直接更改颜色深浅比例。