使用按钮更改 CSS 模型
Posted
技术标签:
【中文标题】使用按钮更改 CSS 模型【英文标题】:Change CSS model with button 【发布时间】:2016-12-10 16:09:30 【问题描述】:在我的 Cordova 应用程序中,我想要 2 个按钮:
小文本:用我的 div 加载一个特殊的类 大文本:另一个用于为我的 div 加载另一个类这将用于更改我的 div 中文本的大小。
这可能吗?如果可以,怎么做?
谢谢
【问题讨论】:
您能提供更多信息吗?到目前为止,您尝试过什么? 【参考方案1】:由于您没有提供太多信息,因此不确定您是否正在尝试,但它应该为您指明正确的方向:
.text-lg
font-size: 30px;
.text-sm
font-size: 10px;
<!DOCTYPE html>
<html ng-app>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" />
</head>
<body>
<div class="col-md-12">
<span ng-class="radio">Text</span>
<div class="radio">
<label>
<input type="radio" value="text-lg" ng-model="radio">Big text
</label>
<label>
<input type="radio" value="text-sm" ng-model="radio">Small text
</label>
</div>
</div>
</body>
</html>
【讨论】:
以上是关于使用按钮更改 CSS 模型的主要内容,如果未能解决你的问题,请参考以下文章