Posted by leon2004 on February 16, 2012 at 12:56pm
Buenas a todos , he usado este jquery http://drupal.org/node/1030144 para añadir los botones e input con esquinas redondeadas , estoy usando css3 y no es muy compatible con ie7 no ie8 , pero el cliente se empeña en poner las esquinas redondeadas , es jquery funciona bien pero los input no los hace¿alguna ayuda debo de escribir otra funcion para que me detecte los input?
Gracias por adelantado
.saludos
Comments
Debes saber que IE7 & IE8 no
Debes saber que IE7 & IE8 no soportan la propiedad border-radius. De "fábrica" simplemente no se puede, a menos que uses imágenes (mucho trabajo).
Pero, hay herramientas como CSS3Pie (que debes manejar con cuidado, a veces puede causar problemas con otros JS: http://groups.drupal.org/node/206353) que emulan el comportamiento de los border-radius, para IE 6,7,8, entre otras propiedades. Puedes darle un chance a ver como te va.
CSS3Pie lo veo un poco pesado solamente para aplicar esa regla, asi que puedes intentar usar: http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser a ver como te va.
Si vas a usar CSS3Pie, entonces te hago la salvedad que CSS3Pie no soporta declaraciones específicas como border-top-left-radius o border-bottom-right-radius. El soporta la declaración general: border-radius. Así que si quieres aplicarle los bordes redondeados tienes que declararlo asi: border-radius: 5px 10px 5px 10px; (el orden de los valores es: top-left, top-right, bottom-right, bottom-left).
http://css3pie.com/
http://drupal.org/project/css3pie
Suerte,
Agradezco tu informacion
La verdqad es que lo tengo funcionando mi unica duda es saber como se usan para los botones input
te dejo el codigo del jquery que he modificado para que afecte a las clasees e id:
Por si me puedes decir cual poner para los input por que el input tal cual no hace efecto.
(function ($) {
Drupal.behaviors.pixture_reloaded = {
attach: function(context, settings) {
// list every element that you would like to adorn with corners below
$("#navegacion-go-back a").corner("8px");//boton atras
$("ul.primary li.active").corner("8px");
$("ul.primary li").corner("8px");
$("#block-user-online h2 a").corner("6px");
$(".forum-add-forum").corner("8px")
$("a.af-button-small").corner("8px");
$("a.af-button-large").corner("8px");
$("ul.quicktabs-tabs.quicktabs-style-zen li.active a").corner("8px");
$("ul.quicktabs-tabs.quicktabs-style-zen li a").corner("8px");
$(".views-submit-button").corner("8px");
$(".views-reset-button").corner("8px");
$("#au-public-links ul.public-links li").corner("8px");
$("#au-private-links ul.private-links li").corner("8px");
$(".monthview").corner("5px");
}
})(jQuery);