js cssロードの変更

10125 ワード

jsは、ページcssスタイルを変更するときにbody>の前に置いて変更できます.

<html>
	<head>
		<style type="text/css">
    		select {
        		/*Chrome Firefox          ，       */
        		border: solid 1px #DDD;
        		/*   ：    select       */
        		appearance:none;
        		-moz-appearance:none;
        		-webkit-appearance:none;
        		/*                 */
        		background: url("dropdown_black.png") no-repeat scroll right center transparent !important;
        		/*            ，       */
        		padding-right: 20px;
        		padding-left:5px;
    		}
    		/*  ie          ，      */
    		select::-ms-expand { display: none; }
		style>
		<script type="text/javascript">
    		$().ready(function () {
        		$("select").removeClass("select-control");
    		});
		script>
	head>
	<body>body>
html>

<html>
	<head>
		<style type="text/css">
    		select {
        		/*Chrome Firefox          ，       */
        		border: solid 1px #DDD;
        		/*   ：    select       */
        		appearance:none;
        		-moz-appearance:none;
        		-webkit-appearance:none;
        		/*                 */
        		background: url("dropdown_black.png") no-repeat scroll right center transparent !important;
        		/*            ，       */
        		padding-right: 20px;
        		padding-left:5px;
    		}
    		/*  ie          ，      */
    		select::-ms-expand { display: none; }
		style>
	head>
	<body>body>
	<script type="text/javascript">
    	$().ready(function () {
        	$("select").removeClass("select-control");
    	});
	script>
html>

第1セグメントのコードページではselectのスタイルが変更され、第2セグメントは変更されませんでした.つまり、クラスselect-controlは削除されません.

html 5 canvas階層

WeChatウィジェットの下部タブ/ナビゲーションバーの実装方法