使用按钮更改 CSS 模型答案

【问题标题】：Change CSS model with button使用按钮更改 CSS 模型
【发布时间】：2016-12-10 16:09:30
【问题描述】：

在我的 Cordova 应用程序中，我想要 2 个按钮：

小文本：用我的 div 加载一个特殊的类
大文本：另一个用于为我的 div 加载另一个类

这将用于更改我的 div 中文本的大小。

这可能吗？如果可以，怎么做？

谢谢

【问题讨论】：

您能提供更多信息吗？到目前为止，您尝试过什么？

标签： css angularjs cordova

【解决方案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>

【讨论】：