css - 包含在现有元素中的最小 Bootstrap CSS

Question

我想为 SquirrelMail 创建自定义样式表。

如何在单个 css 文件中从 bootstrap 获得圆 Angular 和蓝色发光，我可以将其包含在 SquirrelMail 中？

我已经知道如何create glowing input fields and textareas

Answer 1

这将创建发光的输入字段和文本区域:

textarea,textarea:focus,input,input:focus{
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

input:focus,textarea:focus { 
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

否则您将不得不从 customized bootstrap 中提取 CSS 规则，但这很可能会导致文件变大且无法读取。