移动端ios页面怎么去掉它的默认css设置

html-css020

移动端ios页面怎么去掉它的默认css设置,第1张

ios默认一些按钮会有一些他的样式但是可以用这个属性将他还原:

-webkit-appearance:none

我一般用这个:

::-webkit-input-placeholder{color:#999}

input[type="text"],input[type="password"]{-webkit-appearance:noneappearance:noneoutline:none-webkit-tap-highlight-color:rgba(0,0,0,0)border-radius:0}

1、一种是dom结构复杂2、另外一种是加载了过多的css样式,3、前者好解决,后者的话如果用了mui.css就比较麻烦了3、现在是尽量少用mui.css,要用到一些mui的控件时,就把依赖的样式从css中拷贝出来4、建议官方把css拆成 base.css+各种控件.css,后来我发现还真不好拆,前期没设计好,后期越来越臃肿。

在IOS开发中,可以通过webView来加载HTML文件

步骤如下:

1.需要有一个webView,可以通过storyboard拖拽一个 或者 alloc 一个(我在这里是拖拽了一个),是否要给webView设置delegate ,根据自己的需要决定(如果只是展示页面可以忽略)。

webView

2.创建HTML文件、CSS文件、js文件,同样的创建方式,只是后缀名不同。

New File ->Other ->Empty

创建HTML文件后缀名为:html,创建css文件后缀名为css,创建js文件后缀名为:js

创建HTML文件、CSS文件、js文件

这是创建完成后的样子

创建完成

3.在HTML文件,css文件,js文件中写入我们的代码。

在HTML文件中写入一些元素

<!DOCTYPE html>

<html>

<head lang="zh">

<meta charset="UTF-8">

<title>第一个HTML</title>

<link rel="stylesheet" type="text/css" href="index1.css">

<script type="text/javascript" src="index1.js"></script>

</head>

<body>

<h1>我是HTML</h1>

<p id = "p">p标签</p>

<img id = "img" src = "image.png" alt = "百度LOGO"><br/>

<a id = "a" href="[http://baidu.com]()">我要到百度</a>

<br/><br/><br/>

<button onclick = "hello()">点击我弹出hello</button>

</body>

</html>

在css文件中改变元素的属性

#p{

color:red

}

#img{

width:120px

height:50px

}

#a{

color:yellow

}

在js文件中写一个弹窗的函数

function hello(){

alert("hello")

}

这样我们的这三个文件就都写好了,可以通过webView来加载了 。

4.通过webView来加载这三个文件

在viewController的viewDidLoad方法中写入一下代码