最小的bootstrap css包含在现有项目中

时间:2014-04-30 14:19:57

标签: css twitter-bootstrap customization squirrelmail

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

如何在单个css文件中获取引导程序中的圆角和蓝色光芒,我可以将其包含在SquirrelMail中?

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

1 个答案:

答案 0 :(得分:0)

这将创建发光的输入字段和textareas:

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规则,但这很可能导致一个庞大且不可重复的文件。