使用按钮更改 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 模型的主要内容,如果未能解决你的问题,请参考以下文章

css 将自然框布局模型应用于所有元素,但允许更改组件

如何使用threejs中的按钮更改Collada的颜色?

更改未保存在核心数据模型中(例如删除对象)

防止用户更改单选按钮的状态

当模型被事件更改时如何渲染 Angular 视图?

通过 AngularJS 中的模型绑定更改 Kendo 图表类型