¿Cómo cambio el texto y el estilo de un elemento de entrada del archivo de carga HTML?

ya que desea cambiar el texto y el botón de carga del archivo de entrada, entonces esto se adapta mejor a usted

• para el botón de entrada, visite este enlace, seleccione el estilo que desea vAgmd

• salida para cambiar el estilo del texto

• AQUÍ ESTÁ EL CÓDIGO HTML

Editor de texto simple creado con jQuery

.font-bold.bold {font-weight: bold;}. italic {font-style: italic;}. selected {background-color: orange;} # openpb {margin: 15px;}

Texto & nbsp; & nbsp; & nbsp; & nbsp;

HTML

B

& nbsp; & nbsp; & nbsp;

I

& nbsp; & nbsp; & nbsp; & nbsp;

Enlace

& nbsp; & nbsp; & nbsp; & nbsp;

Normal

Arial

Comic Sans MS

Courier New

Monotype

Tahoma

Times

Trebuchet

Ubuntu

• aquí está el CÓDIGO JS
• $ (documento) .ready (función () {

document.getElementById (‘textEditor’). contentWindow.document.designMode = “on”;

document.getElementById (‘textEditor’). contentWindow.document.close ();

var edit = document.getElementById (“textEditor”). contentWindow;

edit.focus ();

$ (“# negrita”). clic (function () {

if ($ (this) .hasClass (“selected”)) {

$ (this) .removeClass (“seleccionado”);

}más{

$ (this) .addClass (“seleccionado”);

}

boldIt ();

});

$ (“# cursiva”). clic (function () {

if ($ (this) .hasClass (“selected”)) {

$ (this) .removeClass (“seleccionado”);

}más{

$ (this) .addClass (“seleccionado”);

}

ItalicIt ();

});

$ (“# fonts”). on (‘change’, function () {

changeFont ($ (“# fuentes”). val ());

});

$ (“# link”). clic (function () {

var urlp = prompt (“¿Cuál es el enlace:”, ” http: // & quot ;);

url (urlp);

});

$ (“# stext”). click (function () {

$ (“# texto”). hide ();

$ (“# textEditor”). show ();

$ (“# controles”). show ()

});

$ (“# shtml”). on (‘click’, function () {

$ (“# text”). css (“display”, “block”);

$ (“# textEditor”). hide ();

$ (“# controles”). hide ();

});

});

función boldIt () {

var edit = document.getElementById (“textEditor”). contentWindow;

edit.focus ();

edit.document.execCommand (“negrita”, falso, “”);

edit.focus ();

}

función ItalicIt () {

var edit = document.getElementById (“textEditor”). contentWindow;

edit.focus ();

edit.document.execCommand (“cursiva”, falso, “”);

edit.focus ();

}

función changeFont (fuente) {

var edit = document.getElementById (“textEditor”). contentWindow;

edit.focus ();

edit.document.execCommand (“FontName”, falso, fuente);

edit.focus ();

}

función url (url) {

var edit = document.getElementById (“textEditor”). contentWindow;

edit.focus ();

edit.document.execCommand (“Createlink”, false, url);

edit.focus ();

}

setInterval (function () {

var gyt = $ (“# textEditor”). contenido (). find (“body”). html (). match (/ @ / g);

if ($ (“# textEditor”). contenido (). find (“body”). html (). match (/ @ / g)> = 0) {} else {

$ (“# text”). val ($ (“# textEditor”). contenido (). find (“body”). html ());

}

$ (“# text”). val ($ (“# textEditor”). contenido (). find (“body”). html ());

}, 1000);

• INCLUYE EL ARCHIVO JS EN TU PÁGINA HTML
• AQUÍ ESTÁ LA SALIDA
• Eso es todo lo que has hecho … ..: -) !!!

El estilo de las entradas de archivos siempre es complicado. Necesitará js junto con css para lograrlo y no funcionará para todos los navegadores / dispositivos sin importar lo que haga. Entonces, la regla general es que si no es absolutamente necesario darle un estilo, déjelo como está.

Si lo hace, lo mejor que puede hacer es implementar un botón flash para cargar (flash tiene la mejor función de carga, pero debe estar familiarizado con flash para diseñarlo y diseñarlo) y luego una solución como esta: http: / /shauninman.com/archive/20 … para aquellos sin el complemento flash.

Todo eso significa que si necesita tener un botón / campo de carga con estilo para cada navegador, deberá implementar diferentes versiones de él en flash y js / css y aún algunos dispositivos móviles generarán el predeterminado.