Как переопределить встроенный CSS (в частности, div с определенным классом) с внешним CSS?

Я пытаюсь исправить проблему выравнивания, вызванную рядом кнопок общего доступа к социальным сетям, в частности кода, созданного кнопкой Google+. Я не установил этот сайт и не знаю, как эта кнопка была реализована, только знаю, что она была частью плагина AddThis или чего-то еще.Как переопределить встроенный CSS (в частности, div с определенным классом) с внешним CSS?

кнопка

Google+, кажется, автоматически генерировать DIV с встроенный CSS стиль:

<div class="google_plusone_iframe_widget" style="width:90px;height:25px;">

Мне нужно, чтобы избавиться от ширины и высоты, но как я могу изменить это внешне? Я пробовал следующее, но это не помогло:

div.google_plusone_iframe_widget[style] {width:auto!important; height:auto!important;}

Кто-нибудь знает, как я могу это сделать? Заранее спасибо! Вот страница для справки, я имею в виду верхние левые кнопки социальных медиа:

http://www.canadianoutback.com/events/crime_investigators.php

источник

2016-06-30 Cindy

Ваш селектор CSS должен быть:

.google_plusone_iframe_widget {width:auto !important; height:auto !important;}

Удалить этот [стиль] атрибут в вашем селекторе, и нет необходимости указывать div тег.

источник

2016-06-30 16:36:54 Ricky

Спасибо .. Я пробовал это раньше, но он все еще не работает, потому что тогда этот код просто перезаписывается встроенным CSS, Я заметил, что опечатка (отсутствует T в конце), все еще не работает. – Cindy

Да, я знаю, вот в чем смысл. Это то, что я пытаюсь сделать. Я не могу просто удалить атрибут [style] потому что этот код сгенерирован автоматически с помощью кнопки AddThis Google+ в социальных сетях. Я пытаюсь избавиться от ширины и высоты, которые он автоматически генерирует с помощью внешнего CSS, чтобы переопределить его. – Cindy

Я ссылался на [стиль] в вашем селекторе. – Ricky

Попробуйте добавить этот код #leftNav .addthis_toolbox .google_plusone_iframe_widget {width:auto!important; height:auto!important;}, чтобы сделать это.

источник

2016-06-30 16:32:31 vignesh

Спасибо .. Я просто попробовал, но, к сожалению, еще не работал :( – Cindy

Может, пожалуйста, попробуйте этот раз #leftNav a.addthis_button_google_plusone .google_plusone_iframe_widget[style] {width:auto!important; height:auto!important;}

источник

2016-06-30 16:40:01 vignesh

Еще раз спасибо .. еще не повезло :( – Cindy

Пожалуйста, попробуйте с этим

#leftNav a.addthis_button_google_plusone.at300b .google_plusone_iframe_widget { 
    width: auto !important; 
    height: auto !important; 
}

источник

2016-06-30 16:50:59 vignesh

Еще не повезло ... – Cindy

Если внутри фрейма мы не можем применить любой стиль или сценарий для него.

источник

2016-06-30 17:40:15 Mani

Как переопределить встроенный CSS (в частности, div с определенным классом) с внешним CSS?

ответ

Смежные вопросы