CSS、bootstrap4等相关疑难杂症

说明

本篇博客仅用于个人随笔，所以内容比较随意。

在bootstrap4中，引入样式后，按钮、输入框等组件的选取状态会出现黑色加重边框，该如何解决？

解决示例: input:focus{outline: none;}

输入框、按钮组件如何居中？

解决方法：在CSS调整外边距为auto。即margin: auto;

CSS中组件阴影效果应该调整哪个属性？

答：box-shadow。该属性仅在高版本的chrome、firefox等浏览器中生效（备注：360、百度等浏览器使用了chrome内核）

如何设置平铺的背景图片？

答: body {background: url(../img/load_13.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed;}

img标签的图片元素如何水平居中？

答：为这个img标签的父元素设置CSS属性text-align: center;

span元素的文字如何垂直居中？

答：设置这个span元素的CSS属性vertical-align: middle;

html5输入框如何实现以某种规则禁用一些字符？

答：通过设置oninput属性，例如<oninput="value=value.replace(/[^A-Za-z0-9_\.]/g,'')">