Styler Google Recaptcha

Salut,

J'aime changer les propriétés css de google recaptcha, puisque le site est en effet RTL (right to left) ce qui a posé un problème d'affichage.

J'aimerai changer ça, mais mon code est écrasé à chaque fois par un autre que je ne sais pas d'où ça vient exactement.




Si vous savez comment détecter la source de ce style qui ne vient pas d'un fichier css?

Merci d'avance.

c'est positionner en absolu,
avec !important dessus.

là tu n'as mis que le dir="rtl" sans plus.
Regarde avec firebug pour comprendre

Bonjour masseuro,

Merci pour ta réponse.
Actuellement, je travaille avec Firebug, et j'ai ajouté les modifications nécessaires à mon fichier css. Seul problème, il y a un autre style qui vient de je ne sais pas où pour écraser mes modifications même avec !important parce que cet autre style le contient aussi.
Maintenant, je cherche comment trouver ce style ou juste comment faire pour que mon style qui va être au dessus de lui et donc être appliqué.

Le code en question qui vient d'une source à part les fichiers css existants:

.recaptchatable td img {
    display: block;
}
.recaptchatable .recaptcha_r2_c1 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll 0 -63px transparent;
    height: 9px;
    width: 318px;
}
.recaptchatable .recaptcha_r1_c1 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -18px 0 transparent;
    height: 57px;
    width: 9px;
}
.recaptchatable .recaptcha_r2_c2 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -27px 0 transparent;
    height: 57px;
    width: 9px;
}
.recaptchatable .recaptcha_r3_c1 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    width: 9px;
}
.recaptchatable .recaptcha_r3_c2 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -18px -57px transparent;
    height: 6px;
    width: 300px;
}
.recaptchatable .recaptcha_r3_c3 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -9px 0 transparent;
    height: 63px;
    width: 9px;
}
.recaptchatable .recaptcha_r4_c1 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -43px 0 transparent;
    height: 49px;
    width: 171px;
}
.recaptchatable .recaptcha_r4_c2 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -36px 0 transparent;
    height: 57px;
    width: 7px;
}
.recaptchatable .recaptcha_r4_c4 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -214px 0 transparent;
    height: 57px;
    width: 97px;
}
.recaptchatable .recaptcha_r7_c1 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -43px -49px transparent;
    height: 8px;
    width: 171px;
}
.recaptchatable .recaptcha_r8_c1 {
    background: url("https://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -43px -49px transparent;
    height: 8px;
    width: 25px;
}
.recaptchatable .recaptcha_image_cell center img {
    height: 57px;
}
.recaptchatable .recaptcha_image_cell center {
    height: 57px;
}
.recaptchatable .recaptcha_image_cell {
    background-color: white;
    height: 57px;
}
#recaptcha_area, #recaptcha_table {
    width: 318px !important;
}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    border: 0 none !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
.recaptchatable * {
    border: 0 none;
    bottom: auto;
    color: black;
    font-family: helvetica,sans-serif;
    font-size: 8pt;
    left: auto;
    margin: 0;
    padding: 0;
    position: static;
    right: auto;
    text-align: left !important;
    top: auto;
}
.recaptchatable #recaptcha_image {
    margin: auto;
}
.recaptchatable img {
    border: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.recaptchatable a, .recaptchatable a:hover {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: blue;
    font-weight: normal;
    outline: medium none;
    padding: 0 !important;
    text-decoration: none;
}
.recaptcha_input_area {
    background: none repeat scroll 0 0 transparent !important;
    height: 45px !important;
    margin-left: 20px !important;
    margin-right: 5px !important;
    margin-top: 4px !important;
    position: relative !important;
    width: 146px !important;
}
.recaptchatable label.recaptcha_input_area_text {
    background: none repeat scroll 0 0 transparent !important;
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
}
.recaptcha_theme_red label.recaptcha_input_area_text, .recaptcha_theme_white label.recaptcha_input_area_text {
    color: black !important;
}
.recaptcha_theme_blackglass label.recaptcha_input_area_text {
    color: white !important;
}
.recaptchatable #recaptcha_response_field {
    bottom: 7px !important;
    font-size: 10pt;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    width: 145px !important;
}
.recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field {
    border: 1px solid gray;
}
.recaptcha_theme_red #recaptcha_response_field {
    border: 1px solid #CCA940;
}
.recaptcha_audio_cant_hear_link {
    color: black;
    font-size: 7pt;
}
.recaptchatable {
    line-height: 1em;
}
#recaptcha_instructions_error {
    color: red !important;
}
.recaptcha_is_showing_audio .recaptcha_only_if_image, .recaptcha_isnot_showing_audio .recaptcha_only_if_audio, .recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol, .recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol {
    display: none !important;
}

Merci d'avance.