Do tej pory jedna z najpopularniejszych wtyczek do tworzenie form wykorzystuje tag <input /> zamiast <button></button> dla przycisku wysyłki. Wykorzystanie tagu <input /> może być problemem przy stylizacji: na przykład kiedy chcemy dodać do niego ikonkę Font Awesome.
W tym artykule pokażmy jak szybko zmienić tag <input /> na tag <button></button> za pomocą jQuery. Ten lifehack będzie działał nawet po odświeżeniu wtyczki na nowszą wersję.
Dla tego trzeba w plik js Państwa szablonu dodać następne linijki.
1 2 3 4 5 6 7 8 9 10 | jQuery(function($){ $(document).ready(function(){ $(".wpcf7-submit").each(function(){ $(this).after("<button type='submit' class='"+$(this).attr("class")+"'>"+$(this).val()+"</button>"); $(this).remove(); }); }); }); |