Question

我正在为我的网站使用模板，但现在我正在尝试更改社交媒体的按钮。如果我在类中指定颜色（例如btn btn-primary），则按钮会更改其颜色。但只有btn btn-social btn-twitter才能获得透明度。我认为这与Bootstrap模板正在使用相关。

我的问题是：在使用btn btn-social btn-twitter对象时是否有某种强制按钮颜色的方法？

这是我的代码：

<div class="call-to-action">
    <h4 class="mb-5">Mamá Quiero Ser Científica</h4>
    <ul>
        <li>
            <h5>Follow us on our Social Media</h5>
        </li>
        <li>
            <a target="_blank" href="https://twitter.com/mqscientifica" class="btn btn-social btn-twitter waves-effect waves-light" rel="nofollow">Twitter <span class="fa fa-twitter"></span></a>
        </li>
        <li>
            <a target="_blank" href="https://www.facebook.com/Mam%C3%A1-Quiero-Ser-Cient%C3%ADfica-748273108707351/" class="btn btn-block btn-social btn-facebook waves-effect waves-light" rel="nofollow">Facebook <span class="fa fa-facebook"></a>
        </li>
        <li>
            <a target="_blank" href="https://www.instagram.com/mqscientifica/" class="btn btn-block btn-social btn-instagram waves-effect waves-light" rel="nofollow">Instagram <span class="fa fa-instagram"></a>
        </li>
    </ul>
</div>

这就是我的按钮现在的样子：

Answer 1

您尝试编辑的对象有多个类：

def download_attachment(server, msgid, index, encoding):
    # index and encoding is known from previous analysis of bodystructure
    file_content = f_fetch(server, msgid, index)
    # the below code should be handled by email's message_from_bytes 
    # and subsequent get_payload(decode = True) function
    if encoding == 'base64':
        file_content = base64.b64decode(file_content)
    elif ...
    ...
    endif
    #writing file_content to a folder
    return

def f_fetch(server, msgid, index):
    if not index:
        index = '1'
    response = server.fetch(msgid, 'BODY[' + index + ']')
    key = ('BODY[' + index + ']').encode('utf-8')
    if type(msgid) is str:
        msgid = int(msgid)
    return response[msgid][key]

这意味着该对象是btn，btn-social，btn-twitter等等。

这个类在您正在使用的CSS中引用（可能是Bootstrap或Material设计），因此可能的解决方案是在您的CSS中找到btn-twitter并更改其中的颜色。

祝你好运：）

Answer 2

尝试将图标放在<i>标记内，并将颜色值提供给CSS中的<i>标记。希望这可以帮助。例如：

CSS：

`<style>
   i{ color:red;}
 </style>

 <i class="social fa fa-twitter-square" aria-hidden="true"></i> `

Bootstrap字体真棒社交按钮不起作用

2 个答案: