在做项目时，我发现利用外联样式文件对input输入框内容字体设置样式，发现不起作用跷孳岔养。为了验证到底怎样设置样式才能控制input输入框内字体大小等属性，利用一个实例解析说明，操作如下：
工具/原料
HBuilder
浏览器
截图工具
方法/步骤
1、第一步，打开HHBuilder编辑器，新建静态页面input.html，默认为HTML5模版，如下图所示：
2、第二步，在css文件夹下新建样式文件input.css，并编写控制input输入框样式，如下图所示：
3、第三步，在页面input.html中引入input.css样式文件，并在body元素内插入坡纠课柩input输入框，在浏览器查看效果，如下图所示：
4、第四步，将样式文件中的样式复制到页面中，直接利用<style></style>标签包裹，如下图所示：
5、第五步，将样式直接放到input标签元素内，利用内嵌式样式，控制输入框字体属性，如下图所示：
6、第六步，在浏览器查看三种样式控制输入框字体属性，结果发现效果是一样的，说明项目中的inpu隋茚粟胫t输入框是由其他样式干扰，导致样式不能起到作用，如下图所示：
